jquery可以做到这一点吗？弹出窗口获取值

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

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

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

我怎样才能做到这一点？可以用简单的 JavaScript 来完成吗？ 如果我使用jquery来做，我会得到更多的好处吗？ 谁能建议我该怎么做？

我建议使用 jQuery对话框小部件 http://docs.jquery.com/UI/API/1.7/Dialog而不是实际的新窗口。这将使访问新值变得更容易，因为它位于同一窗口的 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>