jquery - ドロップダウンメニューで子が選択された後でも、ブートストラップの先行入力候補の内容を表示するにはどうすればよいですか?

Question

私はbootstrap.jsを使用しています。typehead を使用すると、カンマ区切りの値で複数のオプションを選択できます。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 タグ入力でBootstrap-3-Typeaheadを使用できます

Bootstrap Tags Input には、ソースを設定できる先行入力オプションがあります。

$('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