本章內容主要介紹select2 的初始化,獲取選中值,設定預設值,三個方法。select2 美化了單選框,核取方塊和下拉框,特別是下拉框多選的問題。但同時,select2也有很多吭。
效果圖:
使用select2實現下拉框多選,並獲取選中值,初始設定預設值
技術:select2.js ,prototype.js,jquery.js
原始碼:說明:select2是jquery外掛程式,取值和設定預設值都可以用jquery單獨完成。為什麼用prototype.js ?因為在公司用prototype.js 寫的,筆者因為各種原因,沒有用jquery重寫(原諒我比較懶)。還有一點值得注意:獲取的文字值可能有空格哦!!!筆者就是被吭了一臉!
一切盡在**中:
個性標籤(checkbox):
打野上單
中單送人頭
土豪屌絲
單身dog
蘋果粉苦逼程式設計師
個性標籤(radio):
打野上單
中單送人頭
土豪屌絲
單身dog
蘋果粉苦逼程式設計師
這樣就做好了,是不是很簡單,如果不能滿足你的需求,可以去官網學習: select2 多選取值 賦值
多選取值 function getmultiselectval id join 多選賦值 設定下拉框預設值 param id param data function setmultiseleceval id,data 呼叫 projectclassify select2 val 2c90930f63...
Select2 用法小貼士
適用於select2 4.0.8 初始化 標籤 form group col md 6 select2 id class form control name select2 name select div ajax動態賦值 ajax else 啟用函式 select2 id select2 動態賦值...
Select2衝突問題
1 jquery.js 2 select2.js select2.css 3 my.js 自定義的js 1 select2.js引用失敗,通過檢視網頁源 檢視是否存在select2.js 2 引用的其他js中存在全域性變數define以及require,與select2中的全域性變數define,r...