結果返回未定義

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