jquery - 即使在下拉菜单中选择了一个孩子，我如何才能显示引导输入提示的内容？

Question

我正在使用 bootstrap.js。使用 typeahead 我可以选择多个带有逗号分隔值的选项。jsfiddle.net/Sherbrow/BwDmM/3/

但是即使在下拉菜单中选择了一个孩子后，我也想显示下拉菜单的内容，如下图所示。

有没有可能做到这一点。

Answer 1

我建议查看 Select2：http: //ivaynberg.github.io/select2/

它适用于多项选择，您可以使用“closeOnSelect”选项在用户选择时保持下拉菜单打开。

 $("#mySel").select2({
        closeOnSelect:false
 });

在此处尝试“多项选择”演示：http: //www.bootply.com/63744

Answer 2

您可以将Bootstrap-3-Typeahead与Bootstrap 标签输入一起使用

Bootstrap Tags Input 有一个 typeahead 选项，允许您设置源：

$('input').tagsinput({
  typeahead: {
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
  }
});

或者

$('input').tagsinput({
  typeahead: {                  
    source: function(query) {
      return $.get('http://someservice.com');
    }
  }
});

另见：https ://github.com/bassjobsen/Bootstrap-3-Typeahead/issues/40

Answer 3

您可以手动调用'show'.typeahead 实例的参数，如下所示：

$('input:text#YourInputID').typeahead('show');

你可以隐藏它：

$('input:text#YourInputID').typeahead('hide');