jQuery涓璼erializearray鎬庝箞浣跨敤
serializeArray() 鏂规硶灏嗚〃鍗曞厓绱犵殑鍊煎簭鍒楀寲鎴愪竴涓璞℃暟缁勩€傛瘡涓璞″寘鍚竴涓猲ame鍜屼竴涓獀alue灞炴€с€?/p>
浣跨敤鏂规硶濡備笅锛?/p>
- 棣栧厛锛岄€変腑瑕佸簭鍒楀寲鐨勮〃鍗曞厓绱狅紝鍙互浣跨敤閫夋嫨鍣ㄦ垨鑰呯洿鎺ヨ幏鍙朌OM鍏冪礌銆?/li>
渚嬪锛岄€変腑鎵€鏈夌殑input鍏冪礌锛?/p>
var form = $('input');
- 鐒跺悗锛屼娇鐢╯erializeArray()鏂规硶灏嗚〃鍗曞厓绱犵殑鍊煎簭鍒楀寲鎴愪竴涓璞℃暟缁勩€?/li>
var formData = form.serializeArray();
- 鏈€鍚庯紝鍙互閬嶅巻璇ュ璞℃暟缁勶紝鑾峰彇姣忎釜琛ㄥ崟鍏冪礌鐨刵ame鍜寁alue灞炴€с€?/li>
渚嬪锛屾墦鍗版瘡涓〃鍗曞厓绱犵殑name鍜寁alue锛?/p>
$.each(formData, function(index, field){
console.log(field.name + ": " + field.value);
});
瀹屾暣绀轰緥浠g爜濡備笅锛?/p>
<form id="myForm">
<input type="text" name="name" value="John">
<input type="text" name="age" value="25">
<input type="text" name="email" value="john@example.com">
</form>
<script>
$(document).ready(function(){
var form = $('#myForm');
var formData = form.serializeArray();
$.each(formData, function(index, field){
console.log(field.name + ": " + field.value);
});
});
</script>
杩愯璇ヤ唬鐮侊紝浼氳緭鍑轰互涓嬬粨鏋滐細
name: John
age: 25
email: john@example.com