Javascript jquery可以做到这一点吗？值的弹出窗口

当用户从父窗口单击按钮时，我使用JavaScript打开一个新窗口（子窗口）

在新窗口（子窗口）上，我有文本框和按钮，当用户单击按钮时，我需要获取文本框的值并传递到父窗口，关闭子窗口时，我需要将更新的值插入父窗口（不刷新父窗口），以便我可以将我的值显示到父窗口的某个隐藏字段/标签上，我该怎么做

1-父窗口有按钮，单击子窗口打开 2-子窗口有文本框和按钮，当点击按钮时，子窗口将向服务器发送一个帖子以更新数据库，然后将文本框的值传递给父窗口而不刷新父窗口，并关闭子窗口

我该怎么做？是否可以用简单的JavaScript实现？ 如果我使用jquery，我会有更多的好处吗？

---

有人能告诉我怎么做吗？

当然：您正在寻找JS native*opener属性（讨论），不需要jquery（尽管它可能在那里为您包装）

Windows打开和关闭是一种非常非2.0的方式，但是，您不希望在基于HTML的页面对话框中使用lightbox或类似的工具吗？jQuery对话框肯定是实现这一点的方法

---

*好吧，如果没有定义标准，那么就普遍支持

我建议使用jQuery而不是实际的新窗口。这将使访问新值变得更容易，因为它位于同一窗口的DOM中。只需让关闭窗口的按钮的回调从对话框中包含的DOM元素中提取值，并将其复制到表单上的目标DOM元素

$('#popupDialog').dialog({
     modal: true,
     autoOpen: false,
     buttons: {
          'Cancel': function() {
                       $(this).dialog('close');
                    },
          'Accept': function() {
                       $('#mainForm input#target').val( $(this).find('#widgetName').val() );
                       $(this).dialog('close');
                    }
});

$('#popupButton').click( function() {
   $('#popuDialog').dialog('open');
});


<div id="popupDialog" title="Input a new widget name">
  <p>
     <label for="widgetName">Please input a new widget name:</label>
     <input type="text" id="widgetName" />
  </p>
</div>

$（'popupDialog'）。对话框({
莫代尔：是的，
自动打开：错误，
按钮：{
“取消”：函数（）{
$（this.dialog（'close'）；
},
“接受”：函数（）{
$（'#mainForm input#target'）.val（$（this.find（'#widgetName'）.val（））；
$（this.dialog（'close'）；
}
});
$（“#弹出按钮”）。单击（函数（）{
$（'popuDialog'）。对话框（'open'）；
});

请输入新的小部件名称：

我同意，在这里使用原生JS-除非您已经在使用它，否则不需要大量的jquery UI库。不管怎样，Modals有点过头了……在有些情况下，这不是最好的解决方案，尽管我同意对弹出窗口的最经典用法采用这种方法。在我的情况下，我有一个主窗口，其中有几个网络摄像头提要和我希望在用户单击弹出按钮时弹出一个新窗口。新窗口只是他们单击的网络摄像头提要。对于所有6个提要，新窗口在其他方面都相同，但源URL除外。让父窗口保存6个几乎相同的HTML文件的需要。并且让它们作为新窗口允许用户使用cam提要在没有打开父窗口的情况下，屏幕上的任何位置都将显示。