Я использую Bootstrap 3 Typeahead 4.0.2 , и я хотел бы знать, как я могу изменить фокус ввода Typeahead на другой текст ввода после того, как я выберу один элемент в списке? Я нашел несколько похожих вопросов, но не нашел правильного способа решить эту проблему:
- Angularjs пользовательский интерфейс вперед, чтобы сфокусироваться после выбора
- Сосредоточиться на другом вводе после нажатия на ввод типа angular -ui- bootstrap
- Как получить Bootstrap результат нажатия на ввод заголовка перед событием изменения ввода
Когда я выбираю какой-либо элемент внутри входного текста, фокус остается на этом входном тексте, но я хотел бы изменить этот фокус на следующий входной текст после выбора элемента. Ниже приведены код html и начальная загрузка, которые я использую:
HTML
<input type="text" name="products" id="products" data-provide="typeahead" class="form-control typeahead" autocomplete="off" placeholder="Type something" />
<input type="text" name="price" id="price" placeholder="Type price" />
Bootstrap 3 Typeahead
$('#products').typeahead({
source: function ( query, result )
{
result ( $.map(data, function (item)
{
return item.product;
}
));
},
afterSelect: function(data) {
$('#price').focus();
},
});
Как и в приведенном выше коде Typeahead, я попытался вставить jquery focus focus $ ('# price'). Focus (); в событие Typeahead afterSelect, но не работает , В этом случае, как я могу решить это?