javascript - 将表单数据复制到同一页面上的另一个元素

Question

我正在尝试为数据输入表单创建一个预览面板，以便实时向其中添加数据。使用下面的脚本，我可以将数据从一个输入复制到另一个输入。我想做的是将其从文本输入复制到 p 标记，而下面的代码不会执行此操作。

function mirrorPre() {
    $('#post_title').bind('keypress keyup blur', function() {
        $('#preview_title').val($(this).val());
    });
}

和 HTML

<form method="post" name="eventForm" id="eventForm" class="eventForm">
    <input type="text" name="post_title" id="post_title" />
    <div id="preview">
        <input type="text" readonly="readonly" class="preview-title" name="preview_title" id="preview_title" />
    </div>
</form>

我需要预览div中的输入表单为p标签。

Answer 1

改变这个

$('#preview_title').val($(this).val());

至此

$('#preview_title').text($(this).val());

只有输入元素具有 val 属性。对于其他元素，您可以使用 text 或 html