Поиск по щелчку с автоматическим заполнением jQuery
Я пытаюсь моделировать опыт Поиска Автоматического заполнения YouTube.
Я не могу найти опцию, когда средство просмотра нажимает на перечисленный объект и автоматически продолжено для поиска упомянутого объекта.
Мое кодирование следующие:
<script type="text/javascript">
var data = ['array1','array2'];
$(document).ready(function() {
$j("input#directorySearch").autocomplete(data);
});
</script>
Вышеупомянутый код позволит пользователю нажимать перечисленных объектов, однако, он заполнит поле поиска вместо автоматического поиска.
3 ответа
Я хотел аналогичного поведения, используя виджет автозаполнения по умолчанию jQueryui. Уловка состоит в том, чтобы использовать событие 'select', но отправка из вашего обработчика выбора не даст желаемых результатов, потому что на входе еще не будет заполнено выделение.
Однако следующий код работает для меня:
$("input#searchbox").autocomplete({
source: autocomplete,
select: function(event, ui) {
$("input#searchbox").val(ui.item.value);
$("#searchform").submit();
}
})
(в приведенном выше примере «autocomplete» - это URL-адрес, указывающий на источник завершения)
Где input # searchbox - это фактическая входная запись, а #searchform - его родительская форма. По сути, вам нужно заполнить ввод, прежде чем отправлять себя.
Не могли бы вы просто сделать что-нибудь вроде:
$('.autocomplete ul li').live("click", function() {
$("form#search").submit();
});
Где событие щелчка в вашем списке опций запускает отправку формы для вашей формы поиска ??
Изначально я использовал что-то простое, например Bassistance.de
. Я перешел к использованию другой библиотеки с помощью devBridge
devBridge имеет параметр под названием "onSelect: "что позволяет мне автоматически отправлять форму.