jquery输入值到<；p>；_Jquery_Forms_Input

jquery输入值到<；p>；

jquery forms input

jquery输入值到<；p>；,jquery,forms,input,Jquery,Forms,Input,我相信这已经被问了很多次了，但我真的无法在这里或谷歌找到一个符合我需要的答案我得到了一个带有输入文本字段的表单。我希望此值在提交后显示在中。 s、就像那样，只是没有钥匙，但提交 $(document).ready(function(){ $("input").keyup(function () { var value = $(this).val(); $("p").text(value); }) }) HTML是 <b

我相信这已经被问了很多次了，但我真的无法在这里或谷歌找到一个符合我需要的答案

我得到了一个带有输入文本字段的表单。我希望此值在提交后显示在

中。 s、就像那样，只是没有钥匙，但提交

$(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>

有人知道吗

提前感谢

您应该绑定到提交事件。我还建议在涉及的表单、输入和p元素中添加id。所以你可能会得到这样的结果：

$('#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>

使用此html

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

尝试了这个方法，并为html提供了正确的id，但不幸的是，它不能工作$（“#test”）.submit（函数（）{$（“#text”）.text（$（“#test”）.val（））}@christopha我注意到你的html没有提交按钮。你真的提交了表单吗？我想只需按Enter键就可以提交。这很好，但必须做到，文本不会在短时间内消失。你可以在提交事件中使用

preventDefault（）

。请参阅更新的答案。

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