If I understood correctly, your problem looks very similar to one I saw in another topic. I’ll adapt my answer to your case, let’s see if it solves your problem: $(document).on(“focus”,[selector],function(e) { if ( !$(this).data(“autocomplete”) ) { // If the autocomplete wasn’t called yet: $(this).autocomplete({ // call it source:[‘abc’,’ade’,’afg’] // passing some parameters }); } … Read more
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 … Read more
Autocomplete accepts a third type of source, a function, that can provide data any way you see fit: The third variation, a callback, provides the most flexibility and can be used to connect any data source to Autocomplete. The callback gets two arguments: A request object, with a single term property, which refers to the … Read more
The only way I can think of doing this is to have a handler listen in on the keypress and click events, and toggle a boolean flag on/off. Then on the focus handler of your input, you can just check what the value of your flag is, and go from there. Probably something like var … Read more
The error is caused because of a conflict that occurs when two jQuery UI files are loaded into the client’s browser at the same time. If you peak into your <head> section you will probably see you have two different jQuery UI files referenced there. Just remove one and it will work.
How about using another approach: initialize the autocomplete when you create the input: $(function() { // settings for each autocomplete var autocompleteOptions = { minLength: 3, source: function(request, response) { $.ajax({ type: “GET”, url: “getNames.html”, data: { name: request.term }, success: function(data) { response(data); } }); } }; // dynamically create an input and initialize … Read more
You can provide any local filtering logic you’d like by providing the source option a function instead of a simple array. Here’s a quick example that will do the basics of what you want: var source = [‘Adam’, ‘Benjamin’, ‘Matt’, ‘Michael’, ‘Sam’, ‘Tim’]; $(“input”).autocomplete({ source: function (request, response) { var term = $.ui.autocomplete.escapeRegex(request.term) , startsWithMatcher … Read more
The problem was Autocomplete couldn’t render the source for its functioning. You need to set the source of the autocomplete based on the JSON data present using , source: function (request, response) { //data :: JSON list defined response($.map(data, function (value, key) { return { label: value.first_name, value: value.id } })); }, And, I also … Read more
Function .live() is deprecated now. Looks like code like this works: var options = { source: [“ActionScript”, “AppleScript”], minLength: 2 }; var selector=”input.searchInput”; $(document).on(‘keydown.autocomplete’, selector, function() { $(this).autocomplete(options); });
Here’s what worked for me: $(this).data(‘ui-autocomplete’)._trigger(‘select’, ‘autocompleteselect’, {item:{value:$(this).val()}});