Add object array to jquery-ui autocomplete

Question

I'm using jquery-ui plugin, what I'm trying to accomplish is to use an array of pair values (Key and label value) as the source for an autocomplete text input. My array looks like:

var valuesArray = [{
    label: 'Name_1',
    key: 1
}, {
    label: 'Name_2',
    key: 2
}, {
    label: 'Name_3',
    key: 3
}, {
    label: 'Name_4',
    key: 4
}];

I need the label attribute to appear in the text input while getting the key attribute when retrieving the input text element value.

Thanks in advance

cubanGuy · Accepted Answer · 2015-05-11 19:55:25Z

1

I think that from what i understand, this is what you need.

    $("#someID").autocomplete({        
    source: function(request, response) {
        var data = [{
        label: 'Name_1',
        key: 1
    }, {
        label: 'Name_2',
        key: 2
    }, {
        label: 'Name_3',
        key: 3
    }, {
        label: 'Name_4',
        key: 4
    }];

        response(data);
    },
    select: function( event, ui ) {
        $( "#someID" ).val( ui.item.key); 
        alert(ui.item.key);
        return false;
    }
});

answered May 11, 2015 at 19:55

cubanGuy

1,3065 gold badges28 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Add object array to jquery-ui autocomplete

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