jquery - jquery输入值到

Question

我敢肯定这已经被问过很多次了，但我真的无法在这里或谷歌找到适合我需要的答案。

我得到了一个带有输入文本字段的表单。我希望这个值<p>在提交后出现。s.th 这样，只是没有 keyup，但提交

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

有谁知道吗？

提前致谢

score 0 · Accepted Answer

您应该绑定到提交事件。我还建议将 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>

score 0 · Accepted Answer

有了这个 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
}

2 回答 2