jQuery Forum

There are two dropdowns (categories and products)

First dropdown

C1

C2

C3

C4

Second dropdown is dynamic dropdown and it gets populated based on whats selected in first dropdown

For C1

P1A, P1B, P1C would get populated in second dropdown

For C2

P2A,

For C3

P3A, P3B, P3C

For C4

P4A, P4B

I want to give user the ability to select multiple combinations of categories and products

So, if he selects C1 and then P1A/P1B, C3 and then P3B

I want to send to the server on submit the selected key value pairs

(C1, P1A), (C1, P1B), (C3, P3B) 

I looked up the jquery plugins and all of them are multi select dropdowns but I couldn't find any multi select dependent dropdowns in which both are multi select (http://jquery-plugins.net/tag/select-list / http://wenzhixin.net.cn/p/multiple-select/ / http://www.jqueryscript.net/demo/Dynamic-jQuery-Cascading-Dropdown-Lists-Plugin/)

Any ideas?

I am setting display none for div inside box-product class

Quick search on internet tells me some issue with more specfic selector but not sure what to do 

I ran following code in firebug and dont see the div getting hidden. Although visibility works, but I dont want to use it since it would still take up the div space

[code]

[/code]

div gets added in box-product class as products are viewed. Therefore in above page, only one div is added under box-product but more div would get added as different products are viewed

In the end I want to implement pagination so that i can show only specific number of div on this page and hide the rest

Here is my html page

When I click on sign up under .com (a id = registerdom), i have on click of the id(registerdom), scrollTo implemented, but it doesn't seems to be scrolling to the #domregister

Any idea whats going on wrong? Is there any way to debug

It does scroll but not to the right position