Question

我有一个网页上有一些文本框。当用户单击其中一个文本框时，将使用.load打开jQuery UI对话框，以加载包含以下内容的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');"

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

2 个答案: