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

我有一个网页，上面有一些文本框。当用户单击其中一个文本框时，会打开一个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

函数成功地将值返回到父文本框，但模式窗口不会在选择项目时自动关闭，这正是我想要的

在有人从下拉框中选择一个项目后，如何使模式窗口立即自动关闭？如果您需要更多信息，请告诉我，谢谢

更新：

---

实际上，我应该把

最接近的
代码放在哪里。它是在被调用的HTML文件中还是在父文件中。我无法使解决方案正常工作。
您可以将事件处理程序附加到它，我会在此处使用
.change（）
，如下所示：

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

这将转到对话框容器，通过
.ui对话框内容
选择器（对话框小部件提供给它的类）找到它，然后调用。
尝试以下操作：

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