从iframe读取<input />值并将其作为HTML发送给另一个

时间:2013-10-27 02:23:54

标签: javascript jquery

我应该如何从iframe1读取值并将其作为HTML发送到iframe2? JavaScript或jQuery都是可以接受的 - 没关系。我是javascript的新手。我已经找到了类似下面的代码,也许这会有所帮助。

<!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>

1 个答案:

答案 0 :(得分:0)

看看这个:http://jsfiddle.net/nick_craver/c5JeU/2/

$('button').click(function(){
    var fjq = $('#frame')[0].contentWindow.$;
    var f = $('#frame').contents().find('#data');

    f.append( '----------<br>');
    f.append( 'test1: ' + fjq.data(f[0], 'test1') + '<br>test2: ' + fjq.data(f[0], 'test2')  + '<br>' );
    f.append( 'test3: ' + typeof (fjq.data(f[0], 'test3')) + '<br>' );

})

我发现它:Access jQuery data from iframe element