即使选择了下拉菜单中的子项，如何显示引导程序预先建议的内容？

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 Tags Input

一起使用

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

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

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

你可以用以下方式隐藏它：

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