Как связать несколько элементов с тем же именем в jQuery?

Question

У меня около 50 элементов на моем экране. Каждая строка представляет собой форму, содержащую один флажок. Каждое окно выбора имеет такое же имя, «permission_action»

Моего код:

$("#permission_action").change(function() { 
    $.ajax({ 
     type: "PUT", 
     url: this.form.action, 
     data: "permission[action]=" + $("#permission_action").val() 
    }); 
}); 

только связывается с полем выбора в первой форме. Я хочу связать с все предметов.

Answer 1

Используйте переключатель CLASS вместо ID, так как идентификатор должен быть уникальным элементом.

<input class="permission_action" ... /> 

В JavaScript

$(".permission_action").change(...); 

Answer 2

Используйте класс вместо ID, который должен быть уникальным.

Answer 3

Вы можете связать те, с тем же именем , а не то же самое ID, как это:

$("select[name=permission_action]").change(function() { 
    $.ajax({ 
     type: "PUT", 
     url: this.form.action, 
     data: {"permission[action]" : $(this).val() } 
    }); 
});