passing variables from jquery ui autocomplete option success: to select:

Question

In the following autocomplete script, how do I pass the results (value/label/description) to the select: option?

$( ".find_group_ac" ).autocomplete({
    minLength: 1,
    source: function(request, response) {
        $.ajax({
            url: "welcome/search/",
            data: { term: $(".find_group_ac").val()},
            dataType: "json",
            type: "POST",
            success: function(data) { 
                response($.map(data, function(obj) {
                    return {
                        label: obj.name,
                        value: obj.name,
                        description: obj.description 
                    };
                }));
            }
        });
    },
    select: function (ui, item) {
        alert (item.value);
    } 

})

Andrew Whitaker · Accepted Answer · 2012-07-31 13:52:36Z

2

The select handler is passed event and ui. ui.item refers to the selected item. With that in mind all you should need is:

select: function (event, ui) {
    alert (ui.item.label);
    alert (ui.item.value);
    alert (ui.item.description);
}

answered Jul 31, 2012 at 13:52

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

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

1 Comment

Ricky Mason Over a year ago

Thanks, worked. I swear thats what I had first! Oh well, thanks again!

Collectives™ on Stack Overflow

passing variables from jquery ui autocomplete option success: to select:

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related