У меня есть форма поиска местоположения, которая использует автозаполнение пользовательского интерфейса jQuery.
Когда пользователь начинает вводить данные на вводе, наш список местоположений появляется в виде выпадающего меню чуть ниже ввода.Если пользователь щелкает одно из местоположений, страница перенаправляется на целевую страницу для этого местоположения.Пользователь также может нажать «ввод» на клавиатуре вместо явного нажатия на элемент.
Вот проблема. Я не могу понять, как заставить автозаполнение работать, если пользовательнажимает кнопку ОТПРАВИТЬ.Я не могу просто удалить кнопку отправки, потому что это «призыв к действию».Разметка и код выглядят так: (Я пишу это из памяти, поэтому, возможно, это не точно)
<form id="locationSearch">
<input type="text" id="enterLocation" />
<input id="goButton "type="submit" value="GO" />
</form>
<script>
var locations = [<br />
{'value': 'Brooklyn', 'url': '/ny/brooklyn/browse'}
{ 'value' : 'Hoboken; , 'url' : /nj/hoboken/browse'}
];
$('#enterLocation').autocomplete({
autoFocus: true,
source: 'locations',
select: event, ui (function() {
window.location.url
});
});
</script>
Что мне нужно сделать, это примерно так:
$('#goButton').click(function() {
// trigger automcomplete select
});
Любые предложения с благодарностью!