如何在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(...);