Question

我想添加一个输入并选择表单元素到Jquery函数，但我不知道如何去做。目前我只能添加一个元素。这是输入或选择表单元素。我希望函数包含输入和选择表单元素的字段。

Jquery代码

function collectFormData(fields) {
                var data = {};
                for (var i = 0; i < fields.length; i++) {
                    var $item = $(fields[i]);
                    data[$item.attr('name')] = $item.val();
                }
                return data;
            }
var $inputs = $form.find('input');
var data = collectFormData($inputs)

试过这个但是不起作用。

var $selects = $form.find('select')
var $inputs = $form.find('input').append($selects);
var data = collectFormData($inputs)

Answer 1

function collectFormData(fields) {
    var data = {};
    fields.each(function(){
        var $item = $(this);
        data[$item.attr('name')] = $item.val();
    });
    return data;
}

Answer 2

如果您可以像这样在表单中添加id：

<form id="myForm">
...
</fomr>

然后您可以使用此函数获取所有表单输入：

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

如何将选择选项附加到JQuery函数

2 个答案: