JQXDropDownLists with same source

[Buggs2015Participant]

Hello,

What I have on my page are a bunch of div names that are different, along with same the same element id’s that pull from the same source list

I am loading my dropdownlists using this format below,

var keytopics = [
“”,
“N/A”,
“Academic”,
“Accident Statistics”,
“Accessible Vehicles”,
“Advanced Technology”,
]

var w = ‘205px’; var h = ’20px’
$(‘div[name=”One”] #keytopic’).jqxDropDownList({source: keytopics, selectedIndex: 0, width: w, height: h });
$(‘div[name=”Two”] #keytopic’).jqxDropDownList({source: keytopics, selectedIndex: 0, width: w, height: h });
$(‘div[name=”Three”] #keytopic’).jqxDropDownList({source: keytopics, selectedIndex: 0, width: w, height: h });

What I find is that everytime I create a new div with the dropdownlist, the previous other two stop working and no longer don’t display my source list. Is this a bug?

Cheers,

Jay

However,

[HristoParticipant]

Hello Jay,

I tested this example and it seems to work fine.
I would like to suggest you look at this tutorial below it demonstrates the right approach to create the jqxDropDownList:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdropdownlist/jquery-dropdownlist-getting-started.htm?search=drop
If you could provide me more details what you want to achieve I could try to suggest you a solution.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts