结果返回未定义

Question

我正在一个包含2个iframe的简单页面上工作。 文本输入到iframeA中，一旦在iframeB上单击了一个按钮，我希望它显示iframeA中的文本，但它只是显示未定义。 我觉得自己已经接近了，但似乎看不到我在做什么错。 两个iframe页面的代码如下。

--iframeA (ifr1.htm)
<html>
<head>
    <script type="text/javascript">
    var var_name = document.getElementById("textbox").value;
    </script>
<body>
<input type="text" name"textbox" id="textbox"/>
</body>
</html>


--iframeB (ifr2.htm)
<html>
<body>
    <script type="text/javascript">
    function f2(txt){
    var name2 = parent.ifr1.var_name;
    document.getElementById('div2').innerHTML = name2;
    }
    </script>
    <div id="div2"></div>
    <button onclick="f2('complete')"></button>
</body>
</html>

Answer 1

 parent.ifr1.var_name;

我会推荐parent.frames.ifr1.var_name

它只是显示未定义：

 var var_name = document.getElementById("textbox").value;</script> </script> … <input type="text" name"textbox" id="textbox"/>

当文档正在加载时，您只分配一次输入值（我怀疑它实际上是否可以工作）。 当您以后输入任何内容时， var_name的值将永远不会改变。

相反，您想在单击按钮时获取值：

function f2(txt){
    var name2 = parent.frames.ifr1.document.getElementById("textbox").value;
    document.getElementById('div2').innerHTML = name2;
}

（并且您可以从ifr1.htm删除脚本）。 或者，将其用于第一个iframe：

<html>
<head>
<body>
    <input type="text" name"textbox" id="textbox"/>
    <script type="text/javascript">
    var var_name;
    document.getElementById("textbox").onchange = function(e) {
         var_name = this.value;
    };
    </script>
</body>
</html>

结果返回未定义

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-09-09 21:03:30

结果返回未定义

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-09-09 21:03:30

解决方案1
0 已采纳 2014-09-09 21:03:30