select2 使用筆記

1.把頁面中(可能不在同乙個頁面，一般都是在列表頁介面)的tabindex刪掉:

tabindex="-1"

role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">

×

× 2.

重寫enforcefocus方法:

$.fn.modal.constructor.prototype.enforcefocus = function() {};

三、用了select2，則

select

的不能執行

onclick

，監聽方法。

1.html樣例：

<

select

class

="form-control input-sm education"

id="phb02jmjbxx.education"

name

="phb02jmjbxx.education"

data-date="

$">

<

option

>

option

>

select

>

2.在**引入

css都行

static/css/select2.min.css" />

3.在jq.js

引入後新增

在專案的

那只是示例，記得把它改回到實際需求！

確記確記！！！

貌似多選哪個資料還缺了兩個選項（**表中沒有的）

select2關鍵**： /*

* **表資料下拉框初始化*/

functioninitclass(codeclass,id,elementid),             

"codediction/getcodediction.do"

].join(

''),            

async:false, 

error:function(yy,zz,xx) ,                

success:function(data) ).val(acolors).trigger(

'change'

);//初始化選中的值

}else) }

control.change();

//告訴

select2

**已經更新，需要過載

}catch(e)

}, error:function(boj,info), 

cache:true

}); }

設定select2初始化值

//獲取selectid

var

classselectid

= $(

".classselectid"

).select2();

//設定 value 為four的 option 為選中狀態

classselectid

.val(targetuser.classnum).trigger(

"change");

//告訴select2**已經更新，需要過載  預設選擇有值得第乙個

classselectid

.change();

select2的簡單使用

修改 type template.html 引入js stylesheet href plugins select2 select2.css stylesheet href plugins select2 select2 bootstrap.css stylesheet href plugins a...

前端外掛程式之Select2使用

工欲善其事，必先利其器 select2是一款基於jquery的下拉列表外掛程式，主要用來優化select，支援單選和多選，同時也支援分組顯示 列表檢索 遠端獲取資料等眾多好用的功能 需要用到的js和css檔案位於專案 下的dist目錄中，需要將這個目錄中的對應檔案放入你的專案裡，這一步不贅述 引入c...

Select2使用方法彙總

引用 1.簡單使用 getjson basic getwarelist function data 根據value選中 form ware val 20007 trigger change 根據text選中 form ware option contains 華南倉 attr selected tr...