Question

我有一个工作示例，用于将数据从子窗口传递到父窗口这是一个例子： http://www.plus2net.com/javascript_tutorial/window-child3-demo.php 但我正在寻找的是从div弹出而不是窗口弹出传递数据到父母的形式; 任何的想法？

Answer 1

如果div弹出窗口是某个描述的模态窗口，即它是覆盖当前页面但在同一文档中的div，那么你可以通过监听模态按钮上的click事件来实现，当你看到这个时单击，获取模态内输入的值。

假设您的页面设置类似于您发布的链接中的示例，如果您的输入id为input1，模式包含id为input2的输入，而id为button的按钮，那么这将是是一种纯粹的javascript方法，用于实现您描述的效果。

window.onload = function() {
    document.getElementById('button').onclick = function(event) {
        event.preventDefault();
        document.getElementById('input1').value = document.getElementById('input2').value;
    }
};

这是一个显示功能正常的小提琴：http://jsfiddle.net/8Z7hg/

要记住的关键是你需要一种方法来查询包含你想要捕获的数据的元素（在这种情况下，我给输入一个'input2'的id，我可以使用{{1}查询和一种监听触发你捕获数据的事件的方法 - 在这个例子中我创建了一个匿名函数，我绑定到id为document.getElementById('input2').value onclick事件>

从弹出窗口发送数据到父窗体

1 个答案: