如何在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，因为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() }
    });  
});