jQuery ile aynı diziye sahip birden çok <input> ile bir Array elde etme

Question

Kullanıcıların jQuery ile giriş alanları ekleyebileceği bir form var.

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

Formu gönderdikten sonra PHP'de bir dizi alıyorum.

Bunu, $.ajax() ile işlemek istiyorum, ancak <input> s anahtarımın jQuery'deki bir diziye nasıl dönüştürüleceğini bilmiyorum.

Şimdiden teşekkürler.

Answer 1

map kullanma:

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

Şimdi böyle kullananlara jquery şey elde edebilirsiniz:

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

değiştirmek veya (benzersiz olmalıdır) id kaldırırsanız, Seçici'nin $("input[name='task\\[\\]']")

Çalışma örneği kullanabilir: Öncelikle http://jsbin.com/ixeze3

Answer 2

Bir belgede birden çok öğe için aynı kimliği kullanamazsınız. Kimlikler farklı tutun ve öğeler için aynı adı. Birden çok öğe için

<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 3

, yerine id ör daha it a sınıfı vermelidir:

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

Answer 4

, bir sayfada aynı kimliğe sahip birden çok öğe olmamalıdır - ID benzersiz olmalı. i kullanmak,

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

ve

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

Answer 5

isimler dizisini yakalamak için do görevin değer dizisi almak için:

sadece kimlik özniteliği kaldırmak ve ve o değiştir o:

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

Answer 6

Eğer seçici aynı kimliği almak istiyorsanız, kullanım:

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

Answer 7

Bunu yapmak için jquery.serializeJSON kullanabilirsiniz.

Answer 8

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