jQuery UI autocomplete on select input box

Question

I have JSON data feeding id, label and value as keys for values.

When I select data I select the label/value values onto the textbox #id_emp_name. I want to be able to insert the id of the label/value that was selected into the hidden textbox #id_emp_id.

My current javascript code:

$('#id_emp_name').autocomplete({
    source: '/best_choose/employees.json',
    minLength: 1,
    dataType: 'json',
    max: 12
});

this question might help: stackoverflow.com/questions/7486741/… — kapa
– kapa, Commented Sep 23, 2011 at 16:41

Mike G · Accepted Answer · 2011-09-23 18:01:33Z

7

Use the "select" option of autocomplete to define a function to handle selections:

$('#id_emp_name').autocomplete({
    source: '/best_choose/employees.json',
    minLength: 1,
    dataType: 'json',
    max: 12, 
    select: function(event, ui) { 
         $('#id_emp_id').val(ui.item.id);
    }
});

answered Sep 23, 2011 at 18:01

Mike G

4,8032 gold badges30 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

jQuery UI autocomplete on select input box

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related