UpdatePanel Jquery 模态对话框更新问题

Question

我有 Jquery 对话框，其中更新面板内有州和地区下拉列表，如下所示

<tr>
<td class="newLabel"><span >State </span></td><td>
   <asp:DropDownList ID="Dd_state" class="keyitem" runat="server" style="width:200px;"> 
    </asp:DropDownList></td> </tr>
<asp:UpdatePanel ID="updPnd_district" runat="server" onload="updPnd_district_Load">
    <Triggers> 
         <asp:AsyncPostBackTrigger  ControlID ="Dd_state" EventName="SelectedIndexChanged" />
   </Triggers>
<ContentTemplate>
    <tr><td class="newLabel"><span >District </span></td><td>
   <asp:DropDownList ID="dd_district" runat="server" style="width:200px;" class="keyitem"> </asp:DropDownList></td> </tr>
    </ContentTemplate>
</asp:UpdatePanel> 

我在按钮的点击事件上打开此对话框，该按钮将调用以下函数

function showNewDialog() {
   $('#<%=empnew.ClientID%>').dialog({ autoOpen: true ,modal: true, height: 550, width: 850 });
   $('#<%=empnew.ClientID%>').parent().appendTo($("form:first"));

}     

我的问题是在第一次从状态下拉回复后，更新面板不起作用，并且在回发后 div 的内容显示在页面中（对话框外）

我的代码有什么问题

请帮忙

Answer 1

function showNewDialog() {
  var dlg = $('#<%=empnew.ClientID%>').dialog({ autoOpen: true ,modal: true, height: 550, width: 850 });
   dlg.parent().appendTo($("form:first"));

}