jquery-ui-autocomplete

I'm using the jQueryUI autocomplete() function and I can't figure out how to have my form submit when an item is selected. I think the issue is with the select: event but I'm new with jQueryUI and can't figure out how to make this work. Here's my code which works fine otherwise: <script type="text/javascript"> $(document).ready(function() { $(function() { $( "#search_box" ).autocomplete({ source: function(request, response) { $.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>", data: { term: $("#search_box").val()}, dataType: "json", type: "POST", success: function(data){

I am struggling to extend jQuery autocomplete so that a particular item has focus by default. The out-of-the-box functionality works pretty well, but it's not perfect. Using the autoFocus option I can automatically focus on the first item. $( "#input" ).autocomplete({ source: "autocomplete.php", minLength: 1, autoFocus: true }); However, I would like to have more control over which item is focused. If the user types in "eng" and the relevant items that my source returns are: American English British English English Scots English I would like the third item, English , to be in focus by default

In my Ruby on Rails app I was using jQuery UI 1.9.2 (through jquery-ui-rails ). I had an Autocomplete field in a Modal Dialog form that was populating it's dropdown suggestion box using Ajax and Json. It worked correctly, showing me the correct suggestions. I subsequently upgraded to jQuery UI 1.10.3 (using bundle update ) and now the Autocomplete dropdown suggestion box is no longer working. It shows no error in the JavaScript console. In fact it shows that the Json that is returned is correct. I have tried rewriting the autocomplete function in JS to perform the call manually (using the

I would like to know if there's a way in JQuery Autocomplete, when is open the options if I click OUTSIDE the options box to select or click ESCAPE in the keyboard. It closes, without having to select one option. Anyone know the correct way to do it? Still thought using something to check if focus the autocomplete , if not to close it but is just an a IDEA. Thanks Just close the autocomplete when the dialog is closed: $("#dialog").dialog({ close: function() { $('#tags').autocomplete('close'); } }); See this in action: http://jsfiddle.net/william/3Yz9f/1/ . Update It depends what you mean by

My select event doesn't work if I use _renderItem. If I comment out the last block of code where I call _renderItem, the select event works. When I use _renderItem, the select event doesn't fire at all. var cache = {}, lastXhr; $("#hifind-find").autocomplete({ source: function(request, response) { var term = request.term; if (term in cache) { response(cache[term]); return; } var posturl = '/hifind/jquery_ui/autocomplete/'+term; lastXhr = $.post(posturl, function(data, status, xhr) { cache[term] = data; if (xhr === lastXhr) { response(data); } }, 'json'); }, delay: 300, minLength: 1, select: