使用jQuery获取表单输入字段？

小编典典

使用jQuery获取表单输入字段？

javascript

我有一个包含许多输入字段的表单。

当我使用jQuery捕获Submit form事件时，是否可以在关联数组中获取该表单的所有输入字段？

阅读 394

2020-05-01

共1个答案

小编典典

$(‘#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();
    });

});

这是您可以使用的另一种方法serializeArray

var values = {};
$.each($('#myForm').serializeArray(), function(i, field) {
    values[field.name] = field.value;
});

请注意，此代码段将对<select multiple>元素失败。

看来新的HTML 5表单输入serializeArray在jQuery1.3版中不起作用。适用于1.4+版本

2020-05-01