我有一个带有许多输入字段的表单。
当我用jQuery捕获提交表单事件时，是否有可能在一个关联数组中获得该表单的所有输入字段?
当前回答
我希望这是最简单的方法。
$("#form").submit(function (e) {
e.preventDefault();
input_values = $(this).serializeArray();
});
其他回答
http://api.jquery.com/serializearray/
$('#form').on('submit', function() {
var data = $(this).serializeArray();
});
这也可以在没有jQuery的情况下使用XMLHttpRequest Level 2 FormData对象完成
http://www.w3.org/TR/2010/WD-XMLHttpRequest2-20100907/#the-formdata-interface
var data = new FormData([form])
$('#myForm').submit(function() {
// get all the inputs into an array.
var $inputs = $('#myForm :input');
// not sure if you wanted this, but I thought I'd add it.
// get an associative array of just the values.
var values = {};
$inputs.each(function() {
values[this.name] = $(this).val();
});
});
感谢来自Simon_Weaver的提示，这里有另一种方法，你可以使用serializeArray:
var values = {};
$.each($('#myForm').serializeArray(), function(i, field) {
values[field.name] = field.value;
});
注意，这个代码段在<select multiple>元素时将失败。
在jQuery 1.3版本中，新的HTML 5表单输入不能使用serializeArray。这适用于版本1.4+
$('#myForm').bind('submit', function () {
var elements = this.elements;
});elements变量将包含表单中的所有输入、选择、文本区域和字段集。
联想?不是没有一些工作，但你可以使用通用选择器:
var items = new Array();
$('#form_id:input').each(function (el) {
items[el.name] = el;
});
也有类似的问题，只是稍微有点扭曲，我想我应该把它扔掉。我有一个回调函数，得到的形式，所以我已经有一个形式对象，不能简单的变量$('form:input')。相反，我想到了:
var dataValues = {};
form.find('input').each(
function(unusedIndex, child) {
dataValues[child.name] = child.value;
});
它类似但不完全相同的情况，但我发现这条线索非常有用，我想我会把它塞在末尾，希望其他人也能发现它有用。
