Setting a value on multiple jquery autocomplete combobox's

Question

I'm having a problem setting the value on multiple jQuery autocomplete combobox's.

I'm using the following code to select a value. This works well if there is only one combobox but if more than one it changes the value on multiple combobox's.

            $('.ui-autocomplete-input').focus().val(memberData.clubName);
            $('.ui-autocomplete-input').autocomplete('close');

Is there a way to make a combobox unique?

Here is the jQuery in full:

$('.amendButton').live('click', function() { var id = $(this).attr('rel');

        $.ajax({
        type : 'POST',
        url : 'php/membershipProcessor.php',
        dataType : 'json',
        data: {
            membershipID : id,
            getMembership : "getMembership",
        },
            success : function(memberData){

            $('#amendMembershipID').val(id),

            $('#amendClubName').focus().val(memberData.clubName);
            $('#amendClubName').autocomplete('close');


        },
            error : function(memberData){
            alert(data.msg);
        }

    });
    return false;
});

In what context are you using this code? IDs are a good way of making them unique, but if you subscribe with some click event, it is sometimes possible to just use $(this) — Marnix

Nicola Peluchetti Nicola Peluchetti · Accepted Answer · 2011-07-19T11:05:51

Yes, you must use an id instead of a class when you select it programmatically (a jquery selector with an id always return only one value):

 $('#yourid').focus().val(memberData.clubName);
 $('#yourid').autocomplete('close');

Give your combobox unique ids and you should be okay

Setting a value on multiple jquery autocomplete combobox's

3 Answers