keep ui autocomplete open at all times
There is also a CSS only option:
<style>
.ui-autocomplete { display: inline-block !important; }
</style>
Example: http://jsfiddle.net/Monstermensch/G7YYZ/1/
You should also add the following code to avoid problems if the browser is resized (source: Repositioning jQuery UI Autocomplete on browser resize):
$(window).resize(function () {
$("#input1").autocomplete("search");
});
Hey sorry for the late response!
I feel this is a lot cleaner than keeping focus on the input and searching multiple times.
Try this...
JAVASCRIPT:
$( "#input1" ).autocomplete({
source: availableTags,
close : function (event, ui) {
if (!$("ul.ui-autocomplete").is(":visible")) {
$("ul.ui-autocomplete").show();
}
}
});
DEMO: http://jsfiddle.net/dirtyd77/AJtvJ/
Hope this helps!
here's a working example of how to do it : http://jsfiddle.net/4pk3V/
keep your autocomplete box open by searching the same input again whenever close event is triggered:
$( "#input" ).autocomplete({
source: availableTags,
close : function (event, ui) {
val = $("#comment").val();
$("#input").autocomplete( "search", val ); //keep autocomplete open by
//searching the same input again
$("#input").focus();
return false;
}
});