Question

我确信这已被问过很多次，但我真的找不到这里的答案或google，这符合我的需要。

我有一个带有输入文本字段的表单。我希望此值在提交后显示在<p>中。这样，只是没有键盘，但提交

$(document).ready(function(){
     $("input").keyup(function () {
         var value = $(this).val();
         $("p").text(value);
         })

})

HTML

<body>
<form>
<input type="text" value="" size=20 id="write"/>
</form>
<p> </p>
</body>

任何知道的人？

提前致谢

Answer 1

您应该绑定到提交事件。我还建议将id添加到涉及的表单，输入和p元素中。所以你最终会得到类似的东西：

$('#form_id').submit( function(event) {
    event.preventDefault();
    $('#p_id').text($('#input_id').val());
});

修改HTML：

<body>
<form id="form_id">
<input id="input_id" type="text" value="" size=20 id="write"/>
</form>
<p id="p_id"></p>
</body>

Answer 2

使用此html

<form id="formId" onsubmit="submitHandler()">
    <input id="inputId" type="text" value="" size=20 />
</form>
<p id="pId"></p>

你可以这样做

function submitHandler() {
    $('#pId').html($('#inputId').val());
    return false; //if you don't want it to be processed any further
}