BootStrap select2 動態(tài)改變值的方法
更新時間:2017年02月10日 16:46:24 作者:zhudiwoaini
這篇文章主要介紹了BootStrap select2 動態(tài)改變值的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
1,selec2動態(tài)賦值
var temp=JSON.stringify({ id: "1|所有停車場", name: "所有停車場" });
$("#e_pid").attr("value", tempP);
$("#e_pid").select2({
placeholder: "查找停車場名稱(多選)",
language: "zh-CN",
minimumInputLength: 1,
allowClear: true,
multiple: true,
ajax: {
// instead of writing the function to execute the request we use Select2's convenient helper
url: "/manage/park/index/json/index",
dataType: 'json',
data: function (term, page) {
return {
parkName: term,// search term
powerpid: "1"
};
},
results: function (data, page) { // parse the results into the format expected by Select2.
// since we are using custom formatting functions we do not need to alter remote JSON data
for (var i = 0; i < data.length; i++) {
data[i].id = data[i].id+"|"+data[i].name;
};
data.push({ id: "577cb125f8d2c404572413d1|無", name: "無" });
return {
results: data
};
}
},
initSelection: function (element, callback) {
//賦初始值
// the input tag has a value attribute preloaded that points to a preselected movie's id
// this function resolves that id attribute to an object that select2 can render
// using its formatResult renderer - that way the movie name is shown preselected
var data = [];
var value = ""
var str = $(element).val().split('^');
for (var i = 0; i < str.length; i++) {
var temp = JSON.parse(str[i]);
value += temp.id + ",";
data.push(temp);
}
;
value = value.substring(0, value.length - 1);
$(element).val(value);
callback(data);
},
formatSelection: function (item) {
return item.name;//注意此處的name,要和ajax返回數(shù)組的鍵值一樣
}, // 選擇結(jié)果中的顯示
formatResult: function (item) {
return item.name;//注意此處的name
},// 搜索列表中的顯示
dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
escapeMarkup: function (m) {
return m;
}
});
2,動態(tài)改變值
$("#e_pid").attr("value", temp);
$("#e_pid").trigger('change'); //動態(tài)改變值以后必須觸發(fā)改變時間。否則將不會生效
以上所述是小編給大家介紹的BootStrap select2 動態(tài)改變值的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
利用TypeScript從字符串字面量類型提取參數(shù)類型
這篇文章主要介紹了利用TypeScript從字符串字面量類型提取參數(shù)類型,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-09-09
JavaScript實現(xiàn)拖拽元素對齊到網(wǎng)格(每次移動固定距離)
最近在做一個拖拽元素的附加功能,就是對齊到網(wǎng)格,實際上就是確定好元素的初始位置,然后拖拽元素時,每次移動固定的距離。讓元素都可以在網(wǎng)格內(nèi)對齊2016-11-11
JS函數(shù)節(jié)流和函數(shù)防抖問題分析
這篇文章主要介紹了JS函數(shù)節(jié)流和函數(shù)防抖問題分析,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-12-12
JS實現(xiàn)的RGB網(wǎng)頁顏色在線取色器完整實例
這篇文章主要介紹了JS實現(xiàn)的RGB網(wǎng)頁顏色在線取色器,結(jié)合完整實例形式分析了基于JS運算及鼠標事件響應來操作頁面元素實現(xiàn)取色器功能的方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-12-12

