JQuery Autocomplete using array as source should display label instead of value on select

Question

I am using Jquery autocomplete and array as source and I want to display the label instead of the value because i am storing the value in a different variable where it is not displayed in the form. But this is what they say in the documentation:

The label property is displayed in the suggestion menu. The value will be inserted into the input element when a user selects an item.

Sample images

Searching:
While searching
Selecting:
After selecting

Codes:
Array:

var searchcustomer_arr = [{label:"ASD CUSTOMER",value:1},
                          {label:"Customer 2",value:2}]

Javascript:

$("#customer" ).autocomplete({
  source: searchcustomer_arr,
  minlength: 2
});

Kartikeya Khosla · Accepted Answer · 2015-01-14 04:48:24Z

4

Try this is working :-

$("#customer").autocomplete({
  source:[
          {label:"ASD CUSTOMER",value:1},
          {label:"Customer 2",value:2}
         ],
  minLength: 2,
  select: function(event, ui) {
      event.preventDefault();
      $("#customer").val(ui.item.label);
  }
});

Working Demo

edited Jan 14, 2015 at 4:48

answered Sep 17, 2014 at 6:27

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

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

Collectives™ on Stack Overflow

JQuery Autocomplete using array as source should display label instead of value on select

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