0

Jqueryダイアログの最初のドロップダウンリストから選択した値に従って、データベースから2番目のドロップダウンリストを更新する必要があります。

ASPX

<asp:UpdatePanel ID="upnl" OnLoad="upnl_Load" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="dv" style="display: none;" title="Tile">
<table>
    <tr>
        <td>Parent</td>
        <td>
            <asp:DropDownList ID="ddlDialog1" runat="server" /></td>
    </tr>
    <tr>
        <td>Child</td>
        <td>
            <asp:DropDownList ID="ddlDialog2" runat="server" /></td>
    </tr>
</table>
</div >
</ContentTemplate>
</asp:UpdatePanel>

JQuery

function ShowDialog() {
jQuery(document).ready(function () {
    $("#dv").dialog({
        draggable: true,
        modal: true,
        width: 500,
        height: 400
    });
});
}

jQuery(document).ready(function () {
$("#<%= ddlDialog1.ClientID %>").change(function () {
   //This doesn't fire
    __doPostBack('<%= upnl.ClientID %>', "DialogOnChange");
});
});

ここでの問題は、最初のドロップダウン リスト (ddlDialog1) から異なる値を選択すると、関数を変更する方法が起動しないことです。

何か案が？

4

2 に答える 2

1

$("#dv").dialog();ドキュメントを変更してから。

$("#<%= ddlDialog1.ClientID %>")ダイアログを開いた後にバインドする必要があります。

$("#dv").dialog({ 
  //...,
  open: function(){
    //..bind item in this dialog
  },
});
于 2013-09-09T03:55:19.083 に答える