Как получить массив с jQuery, кратным <input>с тем же именем

Question

У меня есть форма, где пользователи могут добавлять поля ввода с помощью jQuery.

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

После отправки формы я получаю массив на PHP.

Я хочу справиться с этим с $.ajax(), но я не знаю, как превратить мои <input> в массив в jQuery.

Заранее спасибо.

Answer 1

Использование map :

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

Если вы измените или удалите идентификатор (который должен быть уникальным), вы также можете использовать селектор $("input[name='task\\[\\]']")

Рабочий пример: http://jsbin.com/ixeze3

Answer 2

Для нескольких элементов вы должны дать ему класс, а не идентификатор, например:

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

Теперь вы можете получить те, которые используют jquery примерно так:

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

Answer 3

Во-первых, у вас не должно быть нескольких элементов с одинаковым идентификатором на странице - идентификатор должен быть уникальным.

Вы можете просто удалить атрибут id и заменить его на:

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

и для получения массива значений задачи выполните

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

Answer 4

Чтобы поймать массив имен, я использую это:

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

Answer 5

Нельзя использовать один и тот же идентификатор для нескольких элементов в документе. Сохраняйте идентификаторы и называйте их одинаковыми.

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

Answer 6

HTML:

<input type="text" name="task[]" class="form-control" id="task">

JS:

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

Answer 7

Вы можете использовать jquery.serializeJSON , чтобы сделать это.

Answer 8

, если вы хотите, чтобы селектор получил тот же идентификатор, используйте:

$("[id=task]:eq(0)").val();
$("[id=task]:eq(1)").val();
etc...