Jquery Bootstrap-3-typeahead:如何在选定项进入dropdownlist后将焦点更改为另一个输入?

Jquery Bootstrap-3-typeahead:如何在选定项进入dropdownlist后将焦点更改为另一个输入?,jquery,typeahead.js,bootstrap-typeahead,Jquery,Typeahead.js,Bootstrap Typeahead,我正在使用,我想知道在选择列表中的一个项目后,如何将Typeahead输入焦点更改为另一个输入文本?我发现了一些类似的问题,但我没有找到正确的解决方法: 当我在输入文本中选择某个项目时,焦点将保持在此输入文本上,但我希望在选择项目后将此焦点更改为下一个输入文本。下面是我正在使用的html代码和bootstap typeahead: HTML Bootstrap 3-Typeahead $('#products').typeahead({

我正在使用,我想知道在选择列表中的一个项目后,如何将Typeahead输入焦点更改为另一个输入文本?我发现了一些类似的问题,但我没有找到正确的解决方法:

  • 当我在输入文本中选择某个项目时,焦点将保持在此输入文本上,但我希望在选择项目后将此焦点更改为下一个输入文本。下面是我正在使用的html代码和bootstap typeahead:

    HTML

    
    
    Bootstrap 3-Typeahead

                $('#products').typeahead({ 
    
                    source: function ( query, result )  
    
                    {
                        result ( $.map(data, function (item)
                            {
                                return item.product;
                            }
                        ));
    
                    },
    
                      afterSelect: function(data) {
    
       $('#price').focus();
    
      },    
    
        });
    
    
    正如上面的Typeahead代码一样,我尝试插入jquery焦点事件$('#price').focus();内部Typeahead afterSelect事件,但不工作。在这种情况下,我该如何解决这个问题呢?

    我从中找到了答案。我只需将下面的代码插入Typeahead afterSelect事件中:

    setTimeout("$('#price').focus();", 0)
    
    上面的代码运行良好,但我不知道为什么当我在列表中选择一个项目时,setTimeout具有改变焦点的功能。不管怎样,这对我来说很有效:p