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

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

1 个答案: