如何使用jQuery获取一个数组,多个<input>具有相同的名称

Question

我有一个表单,用户可以使用jQuery添加输入字段.

<input type="text" id="task" name="task[]" />

提交表单后,我在PHP中获得了一个数组.

我想用这个处理这个,$.ajax()但我不知道如何将我的<input>s转换为jQuery中的数组.

提前致谢.

Answer 1

使用地图:

var values = $("input[id='task']")
              .map(function(){return $(this).val();}).get();

如果更改或删除id(应该是唯一的),您也可以使用选择器 $("input[name='task\\[\\]']")

工作示例:http://jsbin.com/ixeze3

Answer 2

对于多个元素,您应该给它一个类而不是id,例如:

<input type="text" class="task" name="task[]" />

现在你可以使用jquery这样的东西:

$('.task').each(function(){
   alert($(this).val());
});

Answer 3

首先,您不应该在页面上具有多个具有相同ID的元素 - ID应该是唯一的.

您可以删除id属性并将其替换为:

<input type='text' name='task'>

并获取任务do值的数组

var taskArray = new Array();
$("input[name=task]").each(function() {
   taskArray.push($(this).val());
});

Answer 4

要捕获名称数组,我使用:

$("input[name*='task']")

Answer 5

您不能对文档中的多个元素使用相同的ID.保持ID不同,并为元素命名相同.

<input type="text" id="task1" name="task" />
<input type="text" id="task2" name="task" />
<input type="text" id="task3" name="task" />
<input type="text" id="task4" name="task" />
<input type="text" id="task5" name="task" />

var newArray = new Array();

$("input:text[name=task]").each(function(){
    newArray.push($(this));
});