jQuery Autocomplete Categories Select Label and Value

jquery jquery-ui autocomplete jquery-ui-autocomplete
chrisk picture chrisk · Jul 16, 2011 · Viewed 63.9k times · Source

Trying to get the jQuery Autocomplete with categories to return the selected value to the search field and the value to a separate input field.

I have modified the data to have a value as well as label and category.

See http://jsfiddle.net/chrisk/bM7ck/

But the value is always returned to the search field instead of the label.

Answer

jk. picture jk. · Jul 16, 2011

That's how the jquery ui autocomplete works when you supply both a label and a value. If you want the label returned to the search field, then rename the value field.

Updated fiddle: http://jsfiddle.net/jensbits/bM7ck/3/

Related questions

jQuery UI autocomplete with JSON

Alright been racking my brain on this (im terrible at this) but yea ive tried reading all i can and still cant get it to work. trying to do autocomplete with jquery ui my json looks like this {"dealers": { "1156":"dealer 1", "1122":"…

Read More
jQuery UI Autocomplete Width Not Set Correctly

I have implemented a jQuery UI Autocomplete box, and rather than being the width of the textbox, the dropdown options are expanding to fill the remaining width of the page. Have a look at this example to see it for …

Read More
Autocomplete applying value not label to textbox

Im having troubles trying to get the autocomplete to work properly. It all looks ok to me but.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.…

Read More