jquery - SerializeArray() 返回多选框中的所有项目

Question

我需要 serializeArray() 每次都返回选择框中的所有项目，而不仅仅是当前选定的项目，因为我的选择框的内容可以增长或缩小。

<select multiple="multiple" id="selectionBox" >
   <option value="email1@test.com">Test1</option>
   <option value="email2@test.com">Test2</option>
   <option value="email3@test.com">Test3</option>
   <option value="email4@test.com">Test4</option>
   <option value="email5@test.com">Test5</option>
</select>

...

//Select 1 item in the select list box
formArray = $("#selectionBox").serializeArray();
alert(formArray.length);  // this will be 1

//Select 5 items in the select list box
formArray = $("#selectionBox").serializeArray();
alert(formArray.length);  // this will be 5

我需要它始终返回完整的 5。

Answer 1

我认为serializeArray只是序列化那些将由表单发送的值。如果您想要所有选项，则必须自己编写代码，如下所示:

var arr = [], $select = $("#selectionBox"), name = $select.attr("name");
$select.find("option").each(function() {
    arr[arr.length] = { name: name, value: this.value };
});