10

ページに iframe があり、ボタンのクリック時に親ページからフレーム内の t テキスト ボックスの値を取得するにはどうすればよいですか?

ここに私のコードがあります

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

ここにd te​​st.htmlがあります

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

ありがとう

4

5 に答える 5

12

このようなもの：

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

まず、iframe を取得します。次に、iframe 内から最初の有効な dom ドキュメントを取得します。

最後に、入力ボックスを取得します。

于 2012-07-04T14:29:37.393 に答える
1

1 つの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();

これが誰かを助けることを願っています。

于 2013-11-26T06:29:57.533 に答える
1 
<!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>
于 2012-07-04T14:47:32.190 に答える