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>&nbsp; <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>&nbsp; <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

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -