How can I bind to multiple elements with the same name in jQuery?

Question

I have about 50 items on my screen. Each line is a form that contains one select box. Each select box has the same name, "permission_action"

My code:

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

only binds to the select box in the first form. I want to bind to all of the items.

Do you mean ID? Name is one thing, ID is another. If you have multiple elements with the same ID, that's an issue. It's invalid HTML and you can't select multiple elements by the same ID with jQuery. — Ender
– Ender, Commented Nov 16, 2010 at 22:07

Nazariy · Accepted Answer · 2010-11-16 22:07:12Z

5

Use CLASS selector instead of ID, as ID suppose to be unique element.

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

in javascript

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

answered Nov 16, 2010 at 22:07

Nazariy

6,0785 gold badges40 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Matteo Riva · Accepted Answer · 2010-11-16 22:07:22Z

4

Use a class instead of an ID, which should be unique.

answered Nov 16, 2010 at 22:07

Matteo Riva

25.1k13 gold badges75 silver badges105 bronze badges

Comments

Nick Craver · Accepted Answer · 2010-11-16 22:07:49Z

2

You can bind the ones with the same name, not the same ID, like this:

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

answered Nov 16, 2010 at 22:07

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Collectives™ on Stack Overflow

How can I bind to multiple elements with the same name in jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related