I had the same problem and based on the 1.10.0 version of jquery ui, I think you should try data(‘uiAutocomplete’) instead of data(‘autocomplete’) Based on Johnny’s comment, I checked how the .data() function works. Yes, jQuery returns null from .data() call when selector does not find any items. So if there is no matching element … Read more
If you’re using jQuery-UI, you must include the jQuery UI CSS package, otherwise the UI components don’t know how to be styled. If you don’t like the jQuery UI styles, then you’ll have to recreate all the styles it would have otherwise applied. Here’s an example and some possible fixes. Minimal, Complete, and Verifiable example … Read more
According to the API documentation, the change event’s ui property is null if the entry was not chosen from the list, so you can disallow free text as simply as this: $(‘#selector’).autocomplete({ source: url, minlength: 2, change: function(event, ui) { if (ui.item == null) { event.currentTarget.value=””; event.currentTarget.focus(); } } });
autocomplete already adds the ui-autocomplete-loading class (for the duration of the loading) that can be used for this… .ui-autocomplete-loading { background:url(‘img/indicator.gif’) no-repeat right center }
You can trigger this event to show all of the options: $(“#example”).autocomplete( “search”, “” ); Or see the example in the link below. Looks like exactly what you want to do. http://jqueryui.com/demos/autocomplete/#combobox EDIT (from @cnanney) Note: You must set minLength: 0 in your autocomplete for an empty search string to return all elements.
Since I just joined and can’t comment on drcforbin‘s post above, I guess I have to add my own answer. drcforbin is correct, although it is really a different problem than the one that the OP had. Anyone coming to this thread now is probably facing this issue due to the new version of jQuery … Read more
Try like this $(“#drop”).change(function () { var end = this.value; var firstDropVal = $(‘#pick’).val(); });
Edit: typeahead is no longer bundled in Bootstrap 3. Check out: Where is the typeahead JavaScript module in Bootstrap 3 RC 1? typeahead.js As of Bootstrap 2.1.0 up to 2.3.2, you can do this: $(‘.typeahead’).typeahead({ source: function (query, process) { return $.get(‘/typeahead’, { query: query }, function (data) { return process(data.options); }); } }); To … Read more