jquery序列化多选

Question

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

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

名称在多选中的位置

Answer 1

作为this answer演示，当通过 $(form).serialize() 序列化时，jQuery 将使用相同的 'name' 值作为每个选择的键:

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);