Select2使用方法彙總

引用：

1.簡單使用

$.getjson("/basic/getwarelist", {}, function

(data) ); 
});

--根據value選中

$("#form_ware").val('20007').trigger("change");

--根據text選中

$("#form_ware option:contains('華南倉')").attr('selected', true).trigger("change");

--清空

$("#form_ware").empty();

--取值

$("#form_ware").select2('data')[0].id;

$("#form_ware").select2('data')[0].text;
$("#form_ware").select2('data')[0].obj; //獲取附加值

2.級聯使用

初始化資訊

$("#form_province").select2(]

});省市縣級聯

//

初始化位址資訊
$("#dl_province").select2(]
});$("#dl_city").select2(]
});$("#dl_county").select2(]
});//
載入省$.getjson("/basic/getaddresslist", , function
(data) );
});//
載入市$("#dl_province").change(function
(e) ]
});$("#dl_county").empty();
$("#dl_county").select2(]
});var dl_province = $("#dl_province option:selected").val();
if (dl_province != "-1") , function
(data) );
});}
});//
載入縣$("#dl_city").change(function
(e) ]
});var dl_city = $("#dl_city option:selected").val();
if (dl_city != "-1") , function
(data) );
});}
});

3.後端幫助方法

public

class toselect2datawhere t : class
return
m; }
}public
class select2datamodelwhere t : class
public
string text 
public t obj 
}

使用方法（id，name 是list集合的欄位名）

return json(toselect2data.toselectdata(addresslist, "

id", "
name
"), true);

select2 使用筆記

1.把頁面中 可能不在同乙個頁面，一般都是在列表頁介面 的tabindex刪掉 tabindex 1 role dialog aria labelledby mymodallabel aria hidden true 2.重寫enforcefocus方法 fn.modal.constructor.p...

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