Search jQuery

jQuery Forum

Autocomplete: autoselect item if it's the only one present in the list

in Developing jQuery UI • 8 years ago

it might be usefull to set an option that autoselect the item if that is the only one present in the list, this to make easier for the user to compile long form just using the keyboard without the need of the mouse or a combination of arrows (for select the item) and enter/tab (to confirm).

now i'm using the callback open to do the job and i've modified the source code of the autocomplete to return the array of the items that i get

open: function(event, ui) {
if(ui.items.length==1) {
$(this).val(ui.items[0].value);
$(this).autocomplete( "close" );
}
}

Replies(4)

jphellemo..

Re: Autocomplete: autoselect item if it's the only one present in the list

7 years ago

Somehow I managed to get this error on your code line2

ui.items is undefined

gcanabate..

Re: Autocomplete: autoselect item if it's the only one present in the list

6 years ago

You can do it in the response event, like this :

response: function(event, ui) {
if (ui.content.length == 1)
{
$(this).val(ui.content[0].value);
$(this).autocomplete( "close" );
}
},

Pat Borjon

Re: Autocomplete: autoselect item if it's the only one present in the list

6 years ago

That doesn't "select" the one item tho, which would cause the SELECT: event to fire. And even tho it populates the text input field, I cant hit the Enter key, nor arrow down key, to fire the Select: event.

I have code like this, except when the result is a single item I still have to use the mouse to click the single item, so the "select:" code runs:

$("#name").autocomplete({

source: 'blah.php',

minLength:3,

select: function(evt,ui) {

$('#anotherField').val(ui.item.lastName);

}

Any clues?

Pat

Matt Poto..

Re: Autocomplete: autoselect item if it's the only one present in the list

6 years ago

This triggers the select method when the response only has one value. This has the advantage of executing any bound code you might have for that action.

$('#autocomplete').autocomplete(
... usual autocomplete stuff ...
response: function(event,ui) {
if (ui.content.length == 1)
{
ui.item = ui.content[0];
$(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
$(this).autocomplete('close');
}
}

Top Reply

Response title

Attachments

jQuery Forum

Autocomplete: autoselect item if it's the only one present in the list

Replies(4)

Re: Autocomplete: autoselect item if it's the only one present in the list

Re: Autocomplete: autoselect item if it's the only one present in the list

Re: Autocomplete: autoselect item if it's the only one present in the list

Re: Autocomplete: autoselect item if it's the only one present in the list

Statistics

Tags

Actions

Related Posts