從父窗口獲取iframe中文本框的值

Question

我的頁面中有一個iframe，如何在單擊按鈕的情況下從父頁面獲取框架中t文本框的值？

這是我的代碼

<div>
<iframe src="test.html" >
<input type=text id="parent_text">
<input type="button">
</div>

這是d test.html

<input type="text" id="frame_text">

謝謝

Answer 1

像這樣的東西：

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var input = innerDoc.getElementById('frame_text');

首先你得到iframe。 然后從iframe內部獲取第一個有效的dom文檔。

並最終得到輸入框。

Answer 2

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function getIframeText() {
            var iframe0 = document.getElementById("iframe0");
            var iframe0document=iframe0.contentDocument||iframe0.contentWindow.document;
            var inputIframe = iframe0document.getElementById("frame_text");
            alert(inputIframe.value);
        }
    </script>
</head>
<body>
    <div>
        <button onclick="getIframeText()">get iframe text</button>
        <iframe id="iframe0"  src="test.html" >
        <input type=text id="parent_text">
    </div>
</body>
</html>

Answer 3

如果您在一個Iframe中有如下所示的Div /輸入

 <iframe id="ifrmReportViewer" name="ifrmReportViewer" frameborder="0" width="980"

     <div id="EndLetterSequenceNoToShow" runat="server"> 11441551 </div> Or

     <input id="txtSequence" type="text" value="10500101" />

     <form id="form1" runat="server">        
       <div style="clear: both; width: 998px; margin: 0 auto;" id="divInnerForm">          

            Some Text

        </div>
     </form>
 </iframe>

然后，您可以使用以下代碼找到這些Div的文本

var iContentBody = $("#ifrmReportViewer").contents().find("body");
var endLetterSequenceNo = iContentBody.find("#EndLetterSequenceNoToShow").text();

var txtSequence = iContentBody.find("#txtSequence").val();
var divInnerFormText = iContentBody.find("#divInnerForm").text();

我希望這會對某人有所幫助。

Answer 4

$('iframe').contents().find('#mytextbox').val("myvalue");

Answer 5

這是父頁面代碼（我的意思是對iframe主頁調用）：

<script>
 function frameClick(string){
   var name=string;
   document.getElementById("parent_text")=name;
   }
</script>

<div>
<iframe src="test.html" id="frame1">
<input type=text id="parent_text">
</div>

Here is iframe code(test.html):

<form method="post" action="" id='frm1' >
<input type="text" id="frame_text">
<input type="button" id="btm1" name="hangup" onclick="parent.frameClick(this.form.frame_text.value);" value="submit">
</form>

從父窗口獲取iframe中文本框的值

問題描述

5 個解決方案

解決方案1
11 2012-07-04 14:29:37

解決方案2
1 2012-07-04 14:47:32

解決方案3
1 2013-11-26 06:29:57

解決方案4
1 2016-02-12 16:31:59

解決方案5
0 2014-12-18 05:21:52

從父窗口獲取iframe中文本框的值

問題描述

5 個解決方案

解決方案1 11 2012-07-04 14:29:37

解決方案2 1 2012-07-04 14:47:32

解決方案3 1 2013-11-26 06:29:57

解決方案4 1 2016-02-12 16:31:59

解決方案5 0 2014-12-18 05:21:52

解決方案1
11 2012-07-04 14:29:37

解決方案2
1 2012-07-04 14:47:32

解決方案3
1 2013-11-26 06:29:57

解決方案4
1 2016-02-12 16:31:59

解決方案5
0 2014-12-18 05:21:52