JQuery 常用于處理 HTML 元素,允許對 DOM 進行簡單的操作,而其中一個常見的操作就是獲取表單元素的值。
使用 JQuery 獲取表單元素的值相對簡單,只需使用它的val()
方法即可。
$(document).ready(function(){
var value = $("#input-name").val();
console.log(value);
});
上面的代碼中,我們使用了 ID 為“input-name”的輸入框,并通過val()
獲取了其值。在這里,我們將其通過控制臺輸出,但您可以自由選擇將其存儲在變量中,或?qū)⑵溆糜谄渌康摹?/p>
另一種情況是在表單中獲取選擇框的值。若選擇框只允許選擇單一值,則可以使用val()
,但若允許多重選擇,則需要使用serializeArray()
方法。
$(document).ready(function(){
var value = $("#select-name").serializeArray();
console.log(value);
});
上面的代碼中,我們使用了 ID 為“select-name”的選擇框,并通過serializeArray()
獲取了其值。由于選擇框允許多重選擇,因此我們需要使用這個方法來獲取所有選項的值。
總結(jié)而言,使用 JQuery 獲取表單元素的值非常簡單,只需要使用相應的方法即可。