有時在使用select2外掛程式時會遇到這種需求:一次性選擇一些資料,然後根據這些資料自動選擇相關項,我也遇到了這種需求並實現,這裡簡單講講我的做法:
1.首先我修改了select2的原始碼,增加了乙個方法paste並在allowedmethod陣列中新增自定義的方法
paste:function(items,selid);
sel.text = data.text;
sel.id = data.id;
values.push(sel);}}
}if(values.length >0)},
allowedmethods= ["findhighlightablechoices","paste","val", "destroy", "opened", "open", "close", "focus", "isfocused", "container", "dropdown", "onsortstart", "onsortend", "enable", "disable", "readonly", "positiondropdown", "data", "search","highlight"],
2.捕獲paste事件,然後把貼上板的資料經過處理後傳給自定義的paste方法,在paste方法中完成資料項的選擇
//由於select2過載了select元素,真正操作都是操作的select2外掛程式建立的元素,筆者定義的select2元素id為multiple-import-orgid,s2id_multiple-import-orgid則是select2外掛程式建立的select元素id
$("#s2id_multiple-import-orgid").on('paste',function(e)else
var items = data.split('、',maxorg); //其中、號為約定的選項間隔符
$(selid).select2('paste',items,selid); //selid為select2外掛程式id
});
通過上面**,相信都已經明白了其中的原理
Select2清空選擇框
初始狀態 使用者選擇後 當我們需要清空這個選擇框的內容該怎麼辦 通過 subject val 可以將select2的選擇框內的val清空,但是在頁面上顯示的仍然是原有的內容 998 1.1版 並不會回到初始狀態,這樣看上去就不太對 然後通過控制台發現選擇框內的資訊是顯示在select2 subjec...
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...