Javascript将值从弹出窗口传递到其父窗口

时间:2014-02-27 17:23:05

标签: javascript parent-child popupwindow

我是javascript的新手,我被困在这里。 假设我有一个父窗口,它有一个输入字段以及一个打开弹出窗口的按钮。此弹出窗口包含图像。当我点击弹出窗口中的任何图像时,我只需要将图像URL复制到父窗口中的输入。 请帮忙。感谢

编辑:

这是我在弹出窗口中的javascript代码

<script type="text/javascript">
function clicked(address) {
    window.parent.document.getElementById('copy_img').value = address.src;

}
</script>

HTML

<input type="text" name="copy_img" id="copy_img" size="133" />
<img border="0" onclick="clicked(this)" src="images/1.jpg" width="135" height="46">
<img border="0" onclick="clicked(this)" src="images/2.jpg" width="128" height="48">
<img border="0" onclick="clicked(this)" src="images/3.jpg" width="305" height="44">

父窗口HTML代码

<input type="text" name="copy_img" id="copy_img" />

我无法让它工作

4 个答案:

答案 0 :(得分:8)

我终于明白了 使用window.opener

window.opener.document.getElementById('archiveimages').value = address.src;

答案 1 :(得分:0)

当用户从弹出窗口中选择图像时,请使用以下语句设置输入字段的值。假设输入字段的id是&#39; myInputField&#39;

window.parent.document.getElementById('myInputField').value = imargeUrl;

答案 2 :(得分:0)

您可以使用以下方式打开一个窗口:

window.open('http://www.website.com/popup/page?var=test','Note','width=700,height=500,top=150,left=150,scrollbars=yes'

然后当您点击弹出窗口上的链接时,您可以执行以下操作:

goback('http://www.website.com/page?var=testing');

答案 3 :(得分:0)

window.parent.getImageURL(img.src);

弹出窗口可以使用上面的方法访问它的父javascript,只是在全局范围内有一个函数(比如getImageURL())并且它可以工作