How to programatically change selected item in dropdown while javascript onchange applied asp.net -
i have 2 dropdowns , thier hidden field each on codebehind im adding javascript onchange event attribute.add , button perform dynamic actions adding controls @ runtime when click button dropdown reset. in order maintain state have hidden field dropdown selectedvalue hidden field coding ddcity.items.findbyvalue doesnt seems work can help?
protected void page_load(object sender, eventargs e) { ddcountry.attributes.add("onchange", "javascript:bufferaddddcountry('" + ddcountry.clientid + "');"); ddcity.attributes.add("onchange", "javascript:bufferaddddcity('" + ddcity.clientid + "');");} if (hiddenddcityvalue.text != "0") { ddcity.items.findbyvalue(hiddenddcityvalue.text).selected = true;// dont work } if (!ispostback) { this.populatecountry();populatecity();}
javascript code
<script type="text/javascript"> function bufferaddddcountry(objdd) { try { var objhidden = document.getelementbyid('hiddenddcountryvalue'); objhidden.value = document.getelementbyid(objdd).value; } catch (e) { alert(e); } }; function bufferaddddcity(objdd) { try { var objhidden = document.getelementbyid('hiddenddcityvalue'); objhidden.value = document.getelementbyid(objdd).value; } catch (e) { alert(e); } }; </script>
i atlast made working in javascript hope others here code
codebehind pageload
scriptmanager.registerstartupscript(updatepanel, this.gettype(), "dropdownselectedvaluechange", "javascript:setselectedvalue('" + ddcity.clientid + "','" + hiddenddcityvalue.text + "');", true);
javascript code
function setselectedvalue(dropdownlist, selectedvalue) { var dropdown = document.getelementbyid(dropdownlist); (var = 0; < dropdown.options.length; i++) { if (dropdown.options[i].value == selectedvalue) { dropdown.options[i].value = selectedvalue; dropdown.options[i].selected = true; break; } } return; }
Comments
Post a Comment