Comment puis-je lier plusieurs éléments du même nom dans jQuery?

Question

J'ai environ 50 articles sur mon écran. Chaque ligne est un formulaire qui contient une zone de sélection. Chaque boîte de sélection a le même nom, « permission_action »

Mon code:

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

se fixe uniquement dans la zone de sélection dans la première forme. Je veux lier à tous des articles.

Answer 1

Utilisez le sélecteur CLASS à la place de l'ID, car l'ID est supposé être un élément unique.

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

en javascript

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

Answer 2

Utilisez une classe au lieu d'une carte d'identité, qui doit être unique.

Answer 3

Vous pouvez lier ceux avec le même nom , pas le même ID, comme ceci:

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