溫馨提示×

jquery如何獲取form表單所有數據

小億
366
2023-08-07 10:17:38
欄目: 編程語言

你可以使用 serializeArray() 方法來獲取 form 表單的所有數據,然后使用 each() 方法來遍歷每個字段值。

以下是一個示例:

HTML:

<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="number" name="age" value="25">
</form>

JavaScript:

$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault(); // 阻止表單提交
var formData = $(this).serializeArray();
$.each(formData, function(index, field) {
console.log(field.name + ":" + field.value);
});
});
});

在這個例子中,當 form 表單被提交時,事件處理程序將阻止默認的表單提交行為,并使用 serializeArray() 方法獲取所有字段的值。然后,使用 each() 方法遍歷 formData 數組,并打印每個字段的名稱和值。

請注意,這里的 serializeArray() 方法返回一個數組對象,每個對象包含字段的名稱和值。如果你想要將表單數據轉換為可用于 AJAX 請求的序列化字符串,可以使用 serialize() 方法。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女