select2中的ajax請求

實現效果如下： 引用檔案：select2.min.cssjquery.jsselect2.full.min.js

本地資料方式：

html的select中的option是可選的，如果不寫乙個空的option標籤，則預設選擇第一項；如果寫了option標籤，則預設為空，但呼叫的時候，最好設定placeholder屬性，為了美觀；ajax獲取資料方式：

html的select中的option是必選的

獲取選中的值：

獲取id： $(".downlist2").select2("data")[0].id;

獲取text： $(".downlist2").select2("data")[0].text;
也可使用一下方式取值：
$(".downlist2").val();
$(".downlist2").select2('val');

清空選擇項和設定不可用

//清空選擇

$("#c01-select").val(null).trigger("change");
$("#c01-select").val("你的placeholder").trigger("change");//或者
//如果你使用的是input標籤（預設就是本地資料），你可以用$("#c01-select").val('');來清空選項
//disabled
$("#c01-select").prop("disabled", false);//可用
$("#c01-select").prop("disabled", true);//不可用

Select2遠端請求後台資料方法

param dom 節點 param url 請求url param ismultiple 是否多選 param ispagination 是否分頁 function initselect2 dom,url,ismultiple,ispagination return processresults ...

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...