我需要能夠通過通過表單提交并使用 jquery 附加到有序串列來附加到串列（它是一個排行榜，但這并不相關）。當我按下提交時，除了按下按鈕外，什么也沒有發生。我哪里錯了？
HTML：
<main>
<ol class="playerList">
<li>Profit - 12,565</li>
<li>carpe - 11,423</li>
<li>Fate - 11,003</li>
<li>Fleta - 10,931</li>
<li>Fury - 10,704</li>
<li>Gesture - 10,601</li>
<li>Choihyobin - 10,012</li>
<li>MekO - 9,879</li>
<li>Birdring - 9,850</li>
<li>Mano - 9,766</li>
</ol>
</main>
<footer>
<form id="submissionForm">
<label id="nameLabel" for="pName"><u>Player name:</u></label>
<input id="pName" type="text" placeholder="Enter player name...">
<label for="pElims"><u>Elimination Count:</u></label>
<input id="pElims" type="text" placeholder="Enter elimination count...">
<input id="submitBtn" type="submit">
</form>
</footer>
查詢：
$(document).ready(function() {
$("#submissionForm").on('submit', function(event){
event.preventDefault();
error = false;
$(".error").hide();
var playerName = $("#pName").var();
var elimCount = $("#pElim").var();
var newItem = (playerName " - " elimCount);
$('.playerList').append('<li>' newItem '</li>');
return false;
});
});
uj5u.com熱心網友回復：
.var()不是獲取輸入元素值的有效方法。此外，elim 計數上的 id 與 HTML 元素上的 id 不匹配。
var playerName = $("#pName").var();
var elimCount = $("#pElim").var();
它應該是：
var playerName = $("#pName").val();
var elimCount = $("#pElims").val();
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/348594.html
標籤：javascript html 查询 形式
上一篇：CodeigniterPrintDompPDF分頁限制每頁5條記錄在表格中foreach
下一篇：匯入jquery的$并匯出