我想使用 submit() 函式從表單欄位中讀出文本并再次顯示。但是，按下提交按鈕后，什么也沒有發生。使用像 keyup() 這樣的不同事件處理程式，一切正常。有什么建議？
$(function() {
$("#name")
.on("submit", function(e) {
e.preventDefault();
var namenew = $(this).val();
$("p.show").html("Hello <strong>" (namenew) "</strong>");
});
});<section>
<label for="name">Name</label>
<input type="text" id="name">
<input type="submit" id="submit">
<p class="show">Hello <strong>Unknown</strong></p>
</section>uj5u.com熱心網友回復：
該submit事件是在表單上觸發的，而不是在輸入上觸發的。
所以你需要在里面放一個表單<section>，并將處理程式系結到它。然后你需要使用$("#name").val()來獲取輸入的值。
$(function() {
$("#myform")
.on("submit", function(e) {
e.preventDefault();
var namenew = $("#name").val();
$("p.show").html("Hello <strong>" (namenew) "</strong>");
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section>
<form id="myform" action="#">
<label for="name">Name</label>
<input type="text" id="name">
<input type="submit" id="submit">
</form>
<p class="show">Hello <strong>Unknown</strong></p>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/408865.html
標籤：
上一篇：決議多部分/相關電子郵件
下一篇：提交表單時未取消選中來自復選框