初始狀態:
使用者選擇後:
當我們需要清空這個選擇框的內容該怎麼辦
通過$('#subject').val("")可以將select2的選擇框內的val清空,但是在頁面上顯示的仍然是原有的內容(998(1.1版)),並不會回到初始狀態,這樣看上去就不太對
然後通過控制台發現選擇框內的資訊是顯示在select2-subject-container這個id下的,在使用者選擇完之後,他會預設將選擇的顯示資訊加在這個id下面998(1.1版)
所以在將val清空之後顯示資訊並沒有改變
那我們就將select2-subject-container下的資訊清空
$("#select2-subject-container").attr("title","");
$("#select2-subject-container").empty();
這樣選擇框上顯示的就是空白了,但是感覺還是怪怪的,因為原來有淺灰色的字寫著請選擇名稱
那就在清空後我們再將這句話加回去
var str=$("請選擇名稱");
$("#select2-subject-container").prepend(str);
這樣就回到了初始狀態了,目前我想到的方法比較簡單粗暴,但是用用挺好的
所有**:
var str=$("請選擇名稱");
$('#subject').val("");
$("#select2-subject-container").attr("title","");
$("#select2-subject-container").prepend(str);
$("#select2-subject-container").empty();
select2如何黏貼選擇
有時在使用select2外掛程式時會遇到這種需求 一次性選擇一些資料,然後根據這些資料自動選擇相關項,我也遇到了這種需求並實現,這裡簡單講講我的做法 1.首先我修改了select2的原始碼,增加了乙個方法paste並在allowedmethod陣列中新增自定義的方法 paste function i...
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...