select2 超好用的下拉列表

2021-08-15 17:30:09 字數 850 閱讀 7367

rails 自帶的下拉列表不好用,效果一般,流行的 select2 就好用多了。

從 rails5.1 版本開始,gemfile 預設不再安裝gem 'jquery-rails',無法正常使用 select2,解決方法如下:

gemfile加入gem 'jquery-rails'

終端bundle install

重啟rails s

- //= require rails-ujs

+ //= require jquery

+ //= require jquery_ujs

gemfile加入gem 'select2-rails'終端bundle install

重啟rails s

//=require select2
@import

"select2"

; @import

"select2-bootstrap"

;

從 user 表中實現單選與多選(省略 user 表的相關建立)

p>

p>

......#省略無關**

div>

// 多選框樣式

$("#rec_id").select2()

script>

select2 下拉列表外掛程式

如何使用select2?1.1 通過cdn引用 將以下兩行 新增到html頁面,即完成了select2的引入 注意 還需引入jquery支援select2的使用 1.2 通過離線引用 1.2.1 引入js資源庫 因此引入路徑為 js select2.min.js 1.2.2 引入css樣式 sele...

struts2的select下拉列表

上面就是我使用的test例項了 挨個解釋吧 首先你要用到select,可以只使用 標籤,解釋下這個標籤屬性 headervalue 預設值value headerkey 預設name list 源資料 可以在action方法裡從資料庫獲取list name 被選資料存放的位置 這裡我方在物件obj的...

select2 下拉載入 分頁資料

這篇博文 注釋寫的比較詳細,不過他做了很多修改 這個也可以看看 首先,頁面上引入jquery,和select2 頁面上寫好select js 獲取url中的引數 function geturlparam name var userid geturlparam userid circleid sele...