Cách lấy một mảng với jQuery, nhiều <input> có cùng tên

Question

Tôi có một biểu mẫu nơi người dùng có thể thêm các trường nhập bằng jQuery.

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

Sau khi gửi biểu mẫu, tôi nhận được một mảng bằng PHP.

Tôi muốn xử lý điều này với $.ajax() nhưng tôi không có ý tưởng làm thế nào để biến của tôi <input> s cho một mảng trong jQuery.

Xin cảm ơn trước.

Answer 1

Sử dụng map:

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

Nếu bạn thay đổi hoặc xóa id (mà phải là duy nhất), bạn cũng có thể sử dụng bộ chọn $("input[name='task\\[\\]']")

dụ làm việc: http://jsbin.com/ixeze3

Answer 2

Bạn không thể sử dụng cùng một id cho nhiều phần tử trong tài liệu. Giữ các id khác nhau và đặt tên giống nhau cho các phần tử.

<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

Đối với nhiều yếu tố, bạn nên cung cấp cho nó một lớp học chứ không phải là id ví dụ:

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

Bây giờ bạn có thể nhận được những người sử dụng jquery một cái gì đó như thế này:

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

Answer 4

Thứ nhất, bạn không nên có nhiều yếu tố với cùng một ID trên một trang - ID phải là duy nhất.

Bạn chỉ có thể loại bỏ các thuộc tính id và và thay thế bằng:

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

và để có được một mảng của các giá trị của công việc làm

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

Answer 5

Để bắt mảng tên, tôi sử dụng rằng:

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

Answer 6

nếu bạn muốn có cùng một id, sử dụng ：

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

Answer 7

Bạn có thể sử dụng jquery.serializeJSON để thực hiện việc này.

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