2017-07-31 129 views
0

這是一種遠射,但無論如何,我可以在Bootstrap的選擇輸入中包含搜索按鈕嗎?我有很多選擇,並希望爲我的用戶提供靈活和舒適的搜索功能來瀏覽整個列表。在Bootstrap中選擇並搜索選項

我發現了一些很好的工具,但想知道基於比我有更多經驗的人最好。

爲了進一步明白我的意思,我想有一個選擇輸入這樣的: enter image description here

您可以在圖片中看到,如果用戶鍵入A,其中A顯示了國家。

是否有任何插件允許此功能?如果我也可以選擇一個選項,我也會喜歡它(類似於html中的選定屬性)。例如,如果我想通過html直接選擇「阿根廷」,它應該,但用戶可以改變它。

+3

你可以使用[select2](https://select2.github.io/) – Webinion

+0

@PandhiBhaumik問題標籤爲bootstrap,看起來select2是另一回事。 – Tim1234

+1

@ Tim1234 select2是插件,與引導程序兼容,就像您提供的鏈接[bootstrap-select](https://silviomoreto.github.io/bootstrap-select/) – Webinion

回答

1

當您用bootstrap標記問題時,我假設您不接受其他方法,如jquery。如果導入引導,下面的代碼應該是你想要的東西:

<select class="selectpicker" data-live-search="true"> 
<option>Apples</option> 
<option>Boys</option> 
<option>Cats</option> 
</select> 

link提供更多的細節。

+0

does not work with 4它似乎 – PirateApp