Question

我正在尝试执行以下操作： - 我有2页（第1页有输入字段＆amp;第2页，输入的输入应该显示） - 我需要从第一个输入字段中输入所有内容，并将结果放在第二页的标签“content”中。

1º页面输入：

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Page 1 - Input</title>
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
    <script>
        function submit() {

            var code = $('textarea[name=message]').val(); //Input Code HTML
            $("#iframeId").contents().find("body").html($("<div class='content'></div>").append(code));

        }
    </script>
</head>
<body>
    <h2>Input</h2>
    <textarea name="message" id="input" rows="10" cols="100"></textarea>
    <input type="button" value="Submit" onclick="submit();" />

    <iframe id="iframeId" name="iframeId" src="layout.html"></iframe>
    <div id="test">
        Text
    </div>
</body>
</html>

2º页面布局：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Page 2 - Layout</title>
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>

</head>
<body>
    <div class="header"></div>
    <div class="content"></div>
    <div class="sidebar"></div>
    <div class="foot"></div>

</body>
</html>

谢谢！

Answer 1

<强>更新

要在提交时插入：

<script type="text/javascript">
    $('#iframeId').load(function(){
        $('input[type="button"]').on('click',function(){
            $('#iframeId').contents().find('.content').html($('textarea[name=message]').val());
        });
    });
</script>

要在类型上插入：

<script type="text/javascript">
$('#iframeId').load(function(){
    $('textarea[name=message]').on('input',function(){
        $('#iframeId').contents().find('.content').html($(this).val());
    });
});
</script>

Answer 2

如果两个文件具有相同的来源，这应该有效：

<script>
    function submit() {
        var code = $('textarea[name=message]').val(); //Input Code HTML
        $('#iframeId').contents().find('.content').text(code);
    }
</script>

你几乎就在那里：）

从一个页面的输入字段附加结果并在另一个页面上显示它们

2 个答案: