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

  • 回答 (2)
  • 关注 (0)
  • 查看 (47)

我有一个很多输入字段的表单。

当我用jQuery捕获提交表单事件时,是否可以在关联数组中获取该表单的所有输入字段?

牙膏厂理事牙膏厂理事提问于
最爱开车啦互联网的敏感者回答于

这更容易:

$('#myForm').submit(function() {
    // Get all the forms elements and their values in one step
    var values = $(this).serialize();
});
MyLove回答于
$('#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>元素上失败。

扫码关注云+社区

领取腾讯云代金券