Muliple JQuery UI autocomplete select

Question

I found this demo autocomplete select, the code works great. I needed to have more than one autocomplete in my page but the jQuery autocomplete did not apply to more than one <select> (the first one).

<select  id="combobox" name = "type">
<option>...
<option>...
<option>...
</select>
<select  id="combobox" name = "status">
<option>...
<option>...
<option>...
</select>

I am new to jQuery. I can't figure this out by myself, hope someone can help me.

BiLL · Accepted Answer · 2014-05-20 10:34:18Z

1

I did find the solution very simple all i needed to do is to declare more ids for the extra select i have so in the JQuery UI source go to this script

    $(function() {
    $("#combobox").combobox();
    $("#toggle").click(function() {
        $("#combobox").toggle();
    });
});

and add the extra select ids like this

    $(function() {
    $("#combobox").combobox();
    $("#combobox2").combobox();
    $("#toggle").click(function() {
        $("#combobox").toggle();
    });
});

so now all you need to do is to call each select with its own id

<select  class="combobox" name = "type">
<option>...
<option>...
<option>...
</select>
<select  class="combobox2" name = "status">
<option>...
<option>...
<option>...
</select>

answered May 20, 2014 at 10:34

BiLL

3691 gold badge3 silver badges15 bronze badges

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

Comments

j08691 · Accepted Answer · 2014-05-19 16:59:03Z

0

IDs must be unique. Use classes instead.

<select  class="combobox" name = "type">
<option>...
<option>...
<option>...
</select>
<select  class="combobox" name = "status">
<option>...
<option>...
<option>...
</select>

answered May 19, 2014 at 16:59

j08691

208k33 gold badges269 silver badges281 bronze badges

3 Comments

BiLL Over a year ago

I did try that already but class="combobox" dose not apply the autocomplete, it has to be id. I think the only possibility is to change the JQuery code

j08691 Over a year ago

No, it doesn't have to use IDs. Why don't you create a jsFiddle.net example of the problem you're having so we can all see it and reproduce it.

BiLL Over a year ago

jsfiddle.net/hJCU4/1 you can try using class instead of id but that dosent work well this code works fine but if u can do better post it (jsfiddle seem to not support all the style normally the autocomplete look much better but that's not the point here )

Collectives™ on Stack Overflow

Muliple JQuery UI autocomplete select

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related