jquery - 在页面上，如何打开一个包含表单的弹出窗口，该表单在提交时将更新“调用者”页面中的选择元素？

Question

对不起，但我不知道如何更好地问这个问题。

这是我的主页：

当我从选择元素中选择“新元素”选项时，应该打开一个弹出窗口（或任何名称）：

表单完成后，提交按钮应向服务器执行 POST 以便在数据库中插入新元素，弹出窗口应自动关闭，下拉列表必须在最新插入的元素中选择

弹出窗口不是主页面 DOM 的一部分。

我怎么能在 jQuery 中做到这一点？弹出窗口是一个必须以某种方式加载的网页。我想我应该做一个 jQuery.post() 将数据从弹出窗口发送到服务器。

提前致谢！

Answer 1

您可以使用window.open()它，并使用它querystrings来填充您的弹出窗口。

所以你的选择框看起来像这样：

 <select onChange="popUp(this.value);">
   <option value="0">New Element</option>
   <option value="1">Element 1</option>
   <option value="2">Element 2</option>
   <option value="3">Element 3</option>
 </select>

然后你的popUp()函数看起来像这样：

 function popUp(val) {
   window.open('mypopupwindow.php?element=' + val,'_target','width=400,height=400');
 }

我会在 上使用某种服务器端语言mypopupwindow.php，否则您将需要使用 javascript 来读取 url 中的查询字符串以填充您的文本框。