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

【问题标题】：jQuery UI dialog box using .load, how to close dialog box upon selection from a drop down list使用 .load 的 jQuery UI 对话框，如何在从下拉列表中选择时关闭对话框
【发布时间】：2011-01-23 23:40:56
【问题描述】：

我有一个网页，上面有一些文本框。当用户单击其中一个文本框时，会打开一个 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 文件中还是在父文件中。我无法让解决方案发挥作用。

【问题讨论】：

标签： jquery-ui

【解决方案1】：

你可以给它附加一个事件处理程序，我会在这里使用.change()，像这样：

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

这进入对话框容器，通过.closest() 和.ui-dialog-content 选择器（对话框小部件提供的类）找到它，然后调用close method on dialog。

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：