2017-05-25 10 views
0

ブートストラップは、ドロップダウンからの選択も可能な入力ボックスをすでに提供していますか?ブートストラップ3入力 - 'タイプ'または 'ドロップダウンから選択'

私がAppleを探していて、リストに12個の果物があるような場合は、ドロップダウンから(何も入力せずに)Appleを選択するか、Apを入力することができます。自動的にドロップダウンします。

ブートストラップはすでにこのようなことをサポートしていますか?しかし、私はdocsでそれを見つけませんでした。私はボタンのドロップダウンについて知っているが、テキストボックス+ドロップダウンのコンボを探している。

ない場合、私はおそらくjQueryの/ - 先行入力ライブラリ/ブートストラップのドロップダウンを使用して何かを作るだろうが、それはすでにブートストラップ3(あるいは4)に存在するかどうかを知ることが良いでしょうがあり

答えて

1

select2と呼ばれるjQueryプラグインですtagsと一緒に使用すると、既存のタグを選択したり、新しいタグを作成したりすることができます。また、ブートストラップテーマをサポートしています。あなたが例 1.Auto完全な検索のためのいくつかのアクションを実行したい場合は

+0

Beautiful!私は既存の先読みライブラリを設定しようとしていましたが、ユーザーが何かを入力する前にボックスをクリックしたときにリストを表示できるようにしましたが、select2は複数選択ボックスを持っているため、さらに便利です。 – Anupam

+0

、 [Chosen](https://github.com/harvesthq/chosen)のように人気があり活動的です。両方を見ると、私はDjangoを使用しているのでselect2に行くと思います.Djangoプラグインがあります – Anupam

0

はいブートストラップが入力option.Belowとドロップダウンのような種類を提供し、ドキュメント Bootstrap input dropdown

ですが。 2.dropdown選択 は、

Jquery ui autocomplete

**あなたは、通常のブートストラップ変換することができますが、下記のリンク.seeドロップダウンリストからデータを入力するか選択することができますjqueryの-UIのオートコンプリートを使用することによって、そうすることは簡単ですこれを使用して編集可能なドロップダウンリストにドロップダウンします

+0

ありがとうございます - 実際には、ユーザーが入力したくない場合でもドロップダウンとして機能するテキストボックスを探していました(両方ともインラインであることを意味しなかった) – Anupam

+0

私はそれも示唆した –

関連する問題