javascript - 如何获取post/get中多选下拉值的所有选定值？

Question

我有一个带有多选下拉列表的表单，提交时，值通过Seralize通过ajax传递，但只有一个多选下拉列表值被传递，其中我在该下拉列表中选择了更多选项。

var formdata= $("#form").serialize();
$.ajax(
{               
    url:base_url+"index.php/model/employee",  
    data: "employeedata="+employeeformdata,
    success: function(msg)
    { 
    //success message
    },                     
});

我尝试通过 mval=$('#multi').val(); 手动获取值并将其附加到 url 中，因为我有一个动态表单，因此无法指定多选下拉菜单的id，并且一个表单可以有多个多选下拉菜单，是否有任何方法可以在serialize/serializeArray上传递值？

Answer 1

.serialize() 方法返回一个如下所示的字符串:

selectNameA=valueA1&selectNameA=valueA2&selectNameB=valueB1

使用 jQuery 通过 ajax 提交表单时，通常会使用以下内容:

data: $("#form").serialize(),

假设您在服务器上使用 PHP(因为问题被标记为 PHP)，您将希望 select 元素的“name”属性值以“[]”结尾。 (参见this question。)

<select name="xxx[]" ...

这样，$_GET['xxx'] 将是一个包含所有选定值的数组。

注意:如果您在 ajax 调用中指定 type: 'post'，您将在服务器上使用 $_POST，而不是 $_GET.