Stan Blog

學習過程中的一些記錄

[Rails] 使用 select2-rails 優化下拉選單

使用一般的 select,當選項一多的時候

對使用者來說,要找到想選擇的項目,會比較麻煩(如下圖,範例為 100 個選項)

螢幕快照 2017-08-17 上午11.09.43.png

這個時候可以使用 Select2 是一個非常好用的單選、多選選單,適合選項多的情境。

在 rails 裡,有包好的 gem ‘select2-rails’

使用方式非常的簡單,這裡就不詳述了。

使用後:

螢幕快照 2017-08-17 上午11.10.12.png

使用 Select2 後,使用者就無須在下拉選單一個一個找想選的選項,可以直接輸入關鍵字做搜尋。

多選範例,如下圖

螢幕快照 2017-08-17 上午11.13.17.png

Comments

comments powered by Disqus