Bootstrap -3-typeahead: Как изменить фокус на другой вход после выбранного элемента в выпадающий список? - PullRequest
0 голосов
/ 06 февраля 2020

Я использую Bootstrap 3 Typeahead 4.0.2 , и я хотел бы знать, как я могу изменить фокус ввода Typeahead на другой текст ввода после того, как я выберу один элемент в списке? Я нашел несколько похожих вопросов, но не нашел правильного способа решить эту проблему:

  1. Angularjs пользовательский интерфейс вперед, чтобы сфокусироваться после выбора
  2. Сосредоточиться на другом вводе после нажатия на ввод типа angular -ui- bootstrap
  3. Как получить 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, но не работает , В этом случае, как я могу решить это?

1 Ответ

0 голосов
/ 06 февраля 2020

Я нашел ответ по этой ссылке . Я просто вставляю приведенный ниже код в событие Typeahead afterSelect :

setTimeout("$('#price').focus();", 0)

Код выше работает хорошо, но я не знаю, почему setTimeout имеет функцию для изменения фокус, когда я выбираю элемент в списке. Во всяком случае, у меня это сработало: p

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...