jQuery表單是Web開發中非常重要的一部分。表單的值代表了用戶輸入的信息,因此我們需要使用jQuery來處理這些值。
在jQuery中,我們可以使用.val()函數來獲取表單里輸入的值。例如,對于一個輸入框,我們可以這樣獲取它的值:
var inputVal = $('input').val();
如果我們想要獲取具有相同名稱的所有輸入框的值,我們可以使用以下代碼:
var inputVals = $('input[name="name"]').map(function(){
return $(this).val();
}).get();
此外,我們還可以使用.serialize()函數來獲取整個表單的值:
var formData = $('form').serialize();
如果我們想要將表單的值以JSON格式發送到服務器,我們可以使用以下代碼:
var formData = $('form').serializeArray();
var jsonData = {};
$.each(formData, function(index, field){
jsonData[field.name] = field.value;
});
$.ajax({
url: 'submit.php',
method: 'POST',
data: jsonData,
success: function(response){
console.log(response);
}
});
以上就是關于jQuery表單里面的值的一些常用的方法。通過使用這些函數,我們可以輕松獲取表單里的值,并進行后續的處理。
上一篇jquery表情輸入框