jquery - 通过 AJAX 提交的表单不会序列化所有组件，为什么？

Question

我有以下 HTML 表单:

<form id="some_id">
    <select id="select1">...</select> // this turns in a Select2 component
    <select id="select2">...</select> // this turns in a Select2 component
    <select id="select3">...</select>
    <input type="text" name="inp1" id="inp1" />
</form>

我正在尝试通过 AJAX 发送它，如下所示:

$.ajax({
    type: 'post',
    url: '/save',
    data: $('#new_component_restriction').serialize(),
    success: function () {
        alert('form was submitted');
    }
});

但令人惊讶的是只有输入是在 POST 请求中发送的，为什么？我在这里遗漏了什么？我是否需要获取 SELECT 的值并一起发送？

Answer 1

根据 jQuery serialize() documentation :

For a form element's value to be included in the serialized string, the element must have a name attribute.

因此，您应该将 name="something" 添加到所有 select 元素中。不过，它确实发送了“输入”元素，这有点奇怪。