Question

Well, I have a really small problem. How can I access an ASP.NET Drop down list from jquery? I tried to use “CssClass” property of the drop down list to assign a CSS class and then accessing that list using that class, but later I found out that the class changes when an element is selected, so my initial class replaced by a new class.I set the “CssClass” property of that list to “InstrumentDropDown”. When the page loads for the first time, its class property is set to “InstrumentDropDown”, just as I expected. But when an element is selected, and a postback is made, it becomes something like “InstrumentDropDown sg selected” (may be there are underscore between words instead of spaces)

I also cannot use the “ClientID” property because the part of code that access that list is not inside the page, but in a separate javascript file.

So how can I access it ?

Answer 1

When the page loads, use the class to find the dropdown box and store the id of the element in a variable.

 $(function() {
      var $ddl = $('select.myClass'); // get here

      $('.somethingelse').click( function() {
            $.get('...',function(data) {
                $ddl.html(data);  // use here
            }
      }
 });