javascript - Handling RadioButtonList SelectedIndexChanged event in ajaxToolkit ModalPopupExtender without postback -
javascript - Handling RadioButtonList SelectedIndexChanged event in ajaxToolkit ModalPopupExtender without postback -
in form using ajaxtoolkit modalpopupextender. popupcontrolid has been set panel has radiobuttonlist , dropdownlist.the panel pops this:
<asp:panel id="popupwindowpanel" runat="server" visible="false" borderstyle="solid"> <table cellpadding="2" cellspacing="0" width="100%" border="0" class="datatbl"> <tr> <td class="left"> <asp:radiobuttonlist id="rdbtnlstsortoptions" runat="server"> <asp:listitem text="no change." selected="true" value="none"></asp:listitem> <asp:listitem text="some change." value="existing"></asp:listitem> </asp:radiobuttonlist> </td> </tr> <tr> <td class="left"> <asp:label id="lbllist" runat="server">list:</asp:label> <asp:dropdownlist id="ddllist" runat="server" visible="false"> </asp:dropdownlist> </td> </tr> <tr> <td colspan="3"> <div class="divbtn"> <asp:linkbutton id="btndone" class="button" runat="server" onclick="btndone_click">ok</asp:linkbutton> <asp:linkbutton id="btncloseprofile" class="button" runat="server">cancel</asp:linkbutton> </div> </td> </tr> </table> </asp:panel>
now, want when user selects listitem text="some change." , value="existing", , dropdownlist id="ddllist" must show, otherwise must hidden. populating list on server-side @ page load. ajaxcontrol not want postbacks, hence trying handle javascript/jquery. beginner javascript/jquery don't know how properly. have written jquery this:
function pageload() {
$find('<%= rdbtnlstpresortoptions.clientid %>').add_selectedindexchanged( function (sender, args) { var selectedvalue = $(this).val(); if ($.trim(selectedvalue) == 'existing') { // show dropdown list ddllist } else { //show hide dropdown list ddllist } }); }
my question how can write jquery/javascript can show dropdownlist upon selected radio button option. thanks.
this worked me.
$("#<%=rdbtnlstpresortoptions.clientid%>").change(function () { var rbvalue = $("input[@name=<%=rdbtnlstpresortoptions.uniqueid%>]:radio:checked").val(); if (rbvalue == "existing") { $("#<%=ddllist.clientid%>").css("display", "block"); $("#<%=lbllist.clientid%>").css("display", "block"); } else if (rbvalue == "none") { $("#<%=ddllist.clientid%>").css("display", "none"); $("#<%=lbllist.clientid%>").css("display", "none"); } else { } });
javascript jquery
Comments
Post a Comment