Select2清空選擇框

2021-08-16 08:41:38 字數 853 閱讀 5344

初始狀態:

使用者選擇後:

當我們需要清空這個選擇框的內容該怎麼辦

通過$('#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...