2017-05-25 78 views
0

Bootstrap是否提供了一個輸入框,還允許從下拉列表中進行選擇?Bootstrap 3輸入 - 「類型」或「從下拉列表中選擇」

就像我想搜索Apple並且列表中有12個水果一樣,我可以從下拉菜單中選擇Apple(無需輸入任何內容),或者我可以開始輸入Ap ..並顯示來自自動下拉。

Bootstrap已經支持這樣的事情嗎?雖然我沒有在docs中找到它。我知道按鈕下拉菜單,但正在尋找一個文本框+下拉菜單的組合。

如果不是這樣,我可能會彌補一些使用jQuery/A-預輸入庫/引導的下拉列表中,但它是很好的瞭解,如果它已經在引導3(甚至四)存在

回答

1

有是一個名爲select2的jQuery插件如果您將它與tags一起使用,它將允許您選擇現有標籤或通過鍵入創建一個新標籤。它也支持引導主題。

+0

美麗!我正要配置現有的typeahead庫,以允許在用戶點擊任何內容時顯示列表,但select2似乎更好,因爲它也有多個選擇框,這對我的用例 – Anupam

+0

非常有用,並且外觀像[Chosen](https://github.com/harvesthq/chosen)也很流行。看了這兩個後,我想我會用select2,因爲我使用的是Django,並且它有一個Django插件 – Anupam

0

是引導提供了這樣一種具有輸入option.Below下拉列表的是文檔 Bootstrap input dropdown

,但如果你想要做的,例如 1.Auto完整的搜索一些行動。 2.dropdown選擇 話,很容易通過使用jQuery UI的自動完成功能就可以。看到下面的鏈接鍵入或選擇從下拉列表中的數據這麼做

Jquery ui autocomplete

**您也可以將引導正常通過使用這個下拉到可編輯的下拉列表中

+0

謝謝 - 我實際上是在尋找一個可以作爲下拉菜單的文本框,如果用戶不願意輸入(並不意味着都內聯) – Anupam

+0

我也建議 –