我有一个带有许多输入字段的表单。
当我用jQuery捕获提交表单事件时，是否有可能在一个关联数组中获得该表单的所有输入字段?
当前回答
有时我发现一次一个更有用。为此，有这个:
var input_name = "firstname";
var input = $("#form_id :input[name='"+input_name+"']");
其他回答
Serialize()是最好的方法。@ Christopher Parker说，Nickf的回答实现了更多，但它没有考虑到表单可能包含文本区域和选择菜单。最好使用serialize()，然后根据需要对其进行操作。serialize()中的数据可以在Ajax post或get中使用，因此没有任何问题。
在这个问题上有点晚了，但这个更简单:
$('#myForm').submit(function() {
// Get all the forms elements and their values in one step
var values = $(this).serialize();
});
这段代码可以工作 而不是名称，电子邮件输入您的表单字段的名称
$(document).ready(function(){
$("#form_id").submit(function(event){
event.preventDefault();
var name = $("input[name='name']",this).val();
var email = $("input[name='email']",this).val();
});
});
$('#myForm').bind('submit', function () {
var elements = this.elements;
});elements变量将包含表单中的所有输入、选择、文本区域和字段集。
对于多个选择元素(<select multiple="multiple">)，我修改了@Jason Norwood-Young的解决方案以使其工作。
答案(如上所述)只接受所选择的第一个元素的值，而不是所有元素。它也没有初始化或返回数据，前者会抛出一个JavaScript错误。
以下是新版本:
function _get_values(form) {
let data = {};
$(form).find('input, textarea, select').each(function(x, field) {
if (field.name) {
if (field.name.indexOf('[]') > 0) {
if (!$.isArray(data[field.name])) {
data[field.name] = new Array();
}
for (let i = 0; i < field.selectedOptions.length; i++) {
data[field.name].push(field.selectedOptions[i].value);
}
} else {
data[field.name] = field.value;
}
}
});
return data
}
用法:
_get_values($('#form'))
注意:你只需要确保你选择的名称有[]附加到它的末尾，例如:
<select name="favorite_colors[]" multiple="multiple">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
