如何使用Javascript将值从文本框传输到新窗口？

Question

我创建了一个表单，以便用户可以填写他的姓名，姓氏，信用卡号等。

所有信息均由用户提供。

当用户结束工作时，他应按下一个按钮，弹出一个新窗口，修改用户信息。

有人对此提出建议吗？我将不胜感激。

Answer 1

opener.document.getElementById("text").value = txt;

Answer 2

您可以从父窗口引用子窗口，反之亦然。当您使用window.open(url, options)打开弹出窗口时，它会返回对子窗口的引用。您可以为其添加处理程序。使用jquery：

var w = window.open(url); 
$(w).load(function() {
  alert("I've just loaded");
});

在子窗口中，您可以使用变量opener来引用父窗口。因此，如果您想从父窗口中获取信息，您将使用类似（再次jquery）的内容：

var first_name = $(opener.document).find('.first-name').text();

在此处获取此信息：http://sharkysoft.com/tutorials/jsa/content/053.html

从用户体验的角度来看，如果您只想打开一个弹出窗口来确认数据，而没有服务器端处理，我会发现打开一个令人不安的弹出窗口，而宁愿在同一页面上使用叠加层。