JQuery AutoComplete, manually select first searched item and bind click [duplicate]

by

If you look at the way the jQuery team does it in their unit tests for autocomplete, they use something similar to the following code:

    var downKeyEvent = $.Event("keydown");
    downKeyEvent.keyCode = $.ui.keyCode.DOWN;  // event for pressing "down" key

    var enterKeyEvent = $.Event("keydown");
    enterKeyEvent.keyCode = $.ui.keyCode.ENTER;  // event for pressing "enter" key

    $("#autoComplete").val("item"); // enter text to trigger autocomplete
    $("#autoComplete").trigger(downKeyEvent);  // First downkey invokes search
    $("#autoComplete").trigger(downKeyEvent);  // Second downkey highlights first item
    $("#autoComplete").trigger(enterKeyEvent); // Enter key selects highlighted item

This plunk shows it working

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. jQuery UI autocomplete with item and id
  4. Implementing jquery UI autocomplete to show suggestions when you type “@”
  5. Autocomplete requires you to click twice in iOS after update to 1.11.0
  6. jQuery UI autocomplete with objects
  7. AutoComplete in jQuery with dynamically added elements
  8. Differentiate between focus event triggered by keyboard/mouse
  9. jQuery append function is just appending the html but not the classes related to it
  10. Updating php values using jquery
  11. Jquery replace only specific characters [closed]
  12. Regex for Email Address along with name format [duplicate]
  13. Display attribute ‘Title’ of element/s in other element on Focus or Click
  14. What’s the best way to detect a ‘touch screen’ device using JavaScript?
  15. How to delay the .keyup() handler until the user stops typing?
  16. Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
  17. Converting milliseconds to a date (jQuery/JavaScript)
  18. check if jquery has been loaded, then load it if false
  19. Check if option is selected with jQuery, if not select a default
  20. How can I listen for a click-and-hold in jQuery?
  21. Convert numbers to letters beyond the 26 character alphabet
  22. jQuery – select all text from a textarea
  23. How can I refresh the screen on browser resize?
  24. Skip ng-repeat JSON ordering in Angular JS
  25. Highlight current page in jquery
  26. Select values of checkbox group with jQuery
  27. Submit form using AJAX in Asp.Net mvc 4
  28. Print repeating Page headers in Chrome [closed]
  29. Targeting $(this) within nested for each loops in jQuery
  30. Uncaught TypeError: Cannot read property ‘call’ of undefined

Leave a Comment