javascript - Binding a asp.net dropdown list control with values getting fetched from database in jquery -


i getting values dropdown list during page_load event fetches data database.

<asp:dropdownlist id="ddlselectgrp" runat="server"  onselectedindexchanged="ddlselectgrp_selectedindexchanged"></asp:dropdownlist>

code in page_load event:

 protected void page_load(object sender, eventargs e)     {       getgroupdropdowndata();     }  protected void getgroupdropdowndata()     {         datatable groupsdata = lookupcache.accesslookupdata(constants.groupselectionfilter.tostring());         if (groupsdata != null && groupsdata.rows.count > 0)         {             groupsdata.defaultview.sort = "dropdownvalue";             groupsdata = groupsdata.defaultview.totable();              ddlselectgrp.datasource = groupsdata;             ddlselectgrp.datatextfield = "dropdownvalue";             ddlselectgrp.datavaluefield = "dropdownboxid";             ddlselectgrp.datamember = "dropdowngroup";             ddlselectgrp.databind();             ddlselectgrp.items.insert(1, constants.groupall.tostring());             ddlselectgrp.selectedindex = 1;             btngroupsave.enabled = true;             btngroupsave.cssclass = "savebutton";             //radautogrpselect.enabled = false;         }     }

i copying data first dropdown list one. tested same using sample data jquery , worked me. here code that:

<html> <head id="head1"> <title>jquery clone dropdown list selected value</title> 

<body> <select name="selectservice" class="selservice">     <option value="1">some service</option>     <option value="2">another one</option>     <option value="3">one more</option> </select> <input type="button" id="btnclone" value="clone dropdown"> <div id="target"> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type="text/javascript">     $('#btnclone').click(function () {         var original = $('select.selservice:eq(0)');         var allselects = $('select.selservice');         var clone = original.clone();          $('option', clone).filter(function (i) {             return allselects.find('option:selected[value="' + $(this).val() + '"]').length;         }).remove();          $('#target').append(clone).append('<br />');     }); </script>

can tell me how achieve same asp.net dropdownlist control values getting fetched db (in jquery) ? mean how bind control in jquery values?

i checked in view source, id ddlselectgrp coming ctl00$changegrouppopup$c$ddlselectgrp .if it's reason, how can fix it?

[comments:] can use <%=ddlselectgrp.clientid %> rendered result of dropdownlist control's id.


Comments

Post a Comment