Как плагин автозаполнения jQuery отображает выпадающий список при загрузке страницы? - PullRequest
8 голосов
/ 01 декабря 2009

http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/ http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/demo/

Попытка программно вызвать отображение результатов списка автозаполнения. Это вместо ожидания пользовательского ввода.

Это выполнимо? (Я пытался получить фокус элемента, вызывая событие стрелки вниз Javascript. Никаких кубиков)

Ответы [ 4 ]

8 голосов
/ 01 декабря 2009

Если и только если вы используете версию jQuery 1.3 или выше, вы можете создать объект jQuery.Event, тогда trigger() его. Я смог заставить его работать, только если элемент тоже сфокусирован. Поэтому этот код работает для примера « E-Mail (local): » на демонстрационной странице .

var e = jQuery.Event("keydown");
e.which = 40;
$('#suggest13').trigger('focus').attr('value',' ').trigger(e);

Я не совсем уверен, какова ваша ситуация, я думаю, что это в некоторой степени зависит от того, что автозаполнение показывает что-то, если нажата только пробел. Это не всегда так.

5 голосов
/ 07 апреля 2011

а что по этому поводу? $("#autocompleteid").autocomplete("search")

5 голосов
/ 01 декабря 2010
$("#mainCombo_input").trigger('keydown.autocomplete');  will open the autocomplete div   and also to display the dropdown.

И вы также можете использовать

$("#mainCombo_input").val("Item1");    
$("#mainCombo_input").trigger('keydown.autocomplete'); to open div with on
0 голосов
/ 10 ноября 2015

За документацию , вы можете запустить поиск (также упоминается в другом ответе). Поскольку ваш случай находится на странице загрузки, и он может не иметь никаких данных в поле ввода, вам нужно изменить minLength, прежде чем можно будет выполнить пустой поиск:

$yourInputField.autocomplete('option', 'minLength', 0);
$yourInputField.autocomplete('search', ""); 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...