jquery序列化多个选择

时间:2012-10-17 03:06:02

标签: jquery html

如何获取所有表单值并使用给定变量或数组序列化多个select? 输出参数必须是;

id=1&name_1=John&name_2=Juan&name_3=Isabel&name_4=Doe

其中名称位于多选

2 个答案:

答案 0 :(得分:7)

正如this answer所示,当通过$(form).serialize()进行序列化时,jQuery将使用与每个选择的键相同的“名称”值:

id=1&name=John&name=Juan&name=Isabel&name=Doe

并且服务器了解如何处理它。有可能你的服务器处理得很好。

如果你绝对需要你提到的格式,你应该可以使用这样的东西(未经测试)一起破解它:

var elementArray = $(form).serializeArray();
var modifiedArray = [];
var counts = {};
var multipleValues = {};
$.each(elementArray, function(index, value) {
  if (counts[value.name]){ counts[value.name] += 1; } else { counts[value.name] = 1; }
});
$.each(elementArray, function(index, value) {
  if (multipleValues[value.name] || counts[value.name] > 1){ 
    if (!multipleValues[value.name]) { multipleValues[value.name] = 0; } else { multipleValues[value.name] += 1; }
    modifiedArray.push({name: value.name + "_" + multipleValues[value.name], value: value.value});
  } else {
    modifiedArray.push({name: value.name, value: value.value});
  }
});
var result = $.param(modifiedArray);

答案 1 :(得分:5)

PHP不会处理具有相同名称的多个请求值。您可以将它们作为数组发布。为此,只需将[]添加到html元素名称标签的末尾。

user[]=John&user[]=Bill&user[]=Adam
PHP中的

看起来像:

Array
(
    [user] => Array
        (
            [0] => John
            [1] => Bill
            [2] => Adam
        )
)