jQuery UI对话框使用.load，如何从下拉列表中选择关闭对话框

Question

我有一个网页上有一些文本框。当用户点击的打开一个jQuery UI对话框使用.load加载包含HTML页面的文本框中下列操作之一：

<select name="resp" id="input" onclick="parent.mfac_value(this.form.resp.value);"> 
    <option value="Choice"> 
    <option value="APC">APC</OPTION> 
    <option value="APPLE">APPLE</OPTION> 
    <option value="XEROX">XEROX</OPTION> 
</select> 

我成功地通过parent.mfac_falue功能，但返回值到父文本框模式窗口不会在选择项目时自动关闭，这就是我想要发生的事情。

如何在有人从下拉框中选择一个项目后立即让模式窗口自动关闭？让我知道你是否需要更多信息，谢谢。

更新：

其实，在这里我会把.closest代码。它会在被调用的HTML文件或父文件中。我无法获得解决方案的工作。

Answer 1

您可以将一个事件处理程序的话，我会用.change()这里，像这样：

$("#input").change(function() { 
    $(this).closest(".ui-dialog-content").dialog("close"); 
}); 

这通过.closest()上升到对话框容器，发现它和.ui-dialog-content选择（类对话框小部件给了它）然后调用close method on dialog。

Answer 2

试试这个：

onchange="parent.mfac_value(this.form.resp.value);$('#ID_OF_DIALOG').dialog('close');"