jQuery Autocomplete UI plugin with multiple field with same id

Question

I try to use jQUery-UI autocomplete plugin with a list of inputs that have the same id.

The list is like this:

<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>

My script.js function look like this:

$("#cod_prod").autocomplete({
source:getCods
});

Where getCods is a function that load data from a DB with $.ajax method of jQuery.

This work, i try it in other input ... but when i try with this list of multiple input field the plugin only work with the first field.

Any idea of how can i accomplish this?

Thanks in advance

id should be unique for each dom element. you can use class instead — Alon Eitan
– Alon Eitan, Commented Oct 21, 2011 at 16:40
Based on your question alone, #cod_prod does not exist in the DOM. Please explain to which element cod_prod refers — Michael
– Michael, Commented Oct 21, 2011 at 16:41

Gabe · Accepted Answer · 2011-10-21 23:02:54Z

1

ID's need to be unique. Use a class. Since your ID's are not unique, that is why it only works with the first instance of it in the DOM.

<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>


$(".cod").autocomplete({
   source:getCods
});

edited Oct 21, 2011 at 23:02

answered Oct 21, 2011 at 16:42

Gabe

50.6k29 gold badges147 silver badges182 bronze badges

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

Collectives™ on Stack Overflow

jQuery Autocomplete UI plugin with multiple field with same id

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related