jQuery UI autocomplete with item and id

by

You need to use the ui.item.label (the text) and ui.item.value (the id) properties

$('#selector').autocomplete({
    source: url,
    select: function (event, ui) {
        $("#txtAllowSearch").val(ui.item.label); // display the selected text
        $("#txtAllowSearchID").val(ui.item.value); // save selected id to hidden input
    }
});

$('#button').click(function() {
    alert($("#txtAllowSearchID").val()); // get the id from the hidden input
});

[Edit] You also asked how to create the multi-dimensional array…

You should be able create the array like so:

var $local_source = [[0,"c++"], [1,"java"], [2,"php"], [3,"coldfusion"], 
                     [4,"javascript"], [5,"asp"], [6,"ruby"]];

Read more about how to work with multi-dimensional arrays here: http://www.javascriptkit.com/javatutors/literal-notation2.shtml

More Related Contents:

  1. How can I custom-format the Autocomplete plug-in results?
  2. How to use source: function()… and AJAX in JQuery UI autocomplete
  3. Autocomplete requires you to click twice in iOS after update to 1.11.0
  4. jQuery UI autocomplete with objects
  5. AutoComplete in jQuery with dynamically added elements
  6. Differentiate between focus event triggered by keyboard/mouse
  7. How to find the sum of an array of numbers
  8. Why does typeof array with objects return “object” and not “array”? [duplicate]
  9. How to disable text selection using jQuery?
  10. Javascript Drag and drop for touch devices [closed]
  11. Prevent jQuery UI dialog from setting focus to first textbox
  12. Using jQuery to compare two arrays of Javascript objects
  13. How to change the pop-up position of the jQuery DatePicker control
  14. Combine multiple JavaScript files into one JS file [closed]
  15. jQuery UI Accordion Expand/Collapse All
  16. Filter strings in Array based on content (filter search value)
  17. jQuery Drag/Resize with CSS Transform Scale
  18. Apply jQuery datepicker to multiple instances
  19. How do I drag multiple elements at once with JavaScript or jQuery?
  20. Trees in Twitter Bootstrap [closed]
  21. jQuery UI AutoComplete: Only allow selected valued from suggested list
  22. jQuery UI Dialog Box – does not open after being closed
  23. Convert js Array() to JSon object for use with JQuery .ajax
  24. Submit jQuery UI dialog on
  25. JQuery show and hide div on mouse click (animate)
  26. jQuery Datepicker “After Update” Event or equivalent
  27. How to flatten array in jQuery?
  28. Remove Datepicker Function dynamically
  29. javaScript: Can a comma occur after the last set of values in an array?
  30. How to put all elements’ content in array using jQuery ?

Leave a Comment