資訊專欄INFORMATION COLUMN
select2，一款帶多選功能，樣式更加好看的select插件。
下方記錄坑，前方高能.
要用ajax發(fā)請(qǐng)求并且為select2賦初始值
$.ajax({
url : _ctx+"/basInfo/listPsinfoData",
data : "page=1&rows=9999&flag=1",
type : "post",
async : false,
success : function(msg) {
$("#" + PreSeleltName + "PSCODES").empty();
var pscodeList = [];
var pscodeString = "";
var tempList = [];
var data = msg.rows;
for ( var i in data) {
var temp = data[i];
var tempPscode = temp.PSCODE;
var tempPsname = temp.PSNAME;
if(tempPscode && tempPsname){
tempList.push({id :temp.PSCODE,text :temp.PSNAME});
}
}
//初始化select2 企業(yè) 并且 賦值到vmData.data.PSCODELIST
$("#" + PreSeleltName + "PSCODES").select2({
data:tempList,
placeholder:"選擇或搜索企業(yè)",//默認(rèn)文字提示
multiple: true,//多選
allowClear: true
}).change(function(){
pscodeList = $("#" + PreSeleltName + "PSCODES").val();
for(var i in pscodeList){
var pscode = pscodeList[i];
if(i == 0){
pscodeString = pscode;
}else{
pscodeString = pscodeString + ","+ pscode;
}
}
Vue.set(vmData.data, "PSCODELIST", pscodeString);
});
},
});
這樣select2下拉列表就有了對(duì)應(yīng)的值
真有這么簡(jiǎn)單???下方記錄大坑??！
不要同時(shí)發(fā)ajax請(qǐng)求，可能引起沖突
在ajax結(jié)構(gòu)體里發(fā)請(qǐng)求，比如編輯功能，獲取具體的值為select2賦初始值，注意給select2初始化設(shè)置延遲加載
select2里要賦值初始化選中又要賦值初始化列表，需要先做具體的賦值，后面再調(diào)用一次select2初始化一次并且加延遲加載。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54089.html
select2，一款帶多選功能，樣式更加好看的select插件。 下方記錄坑，前方高能. 要用ajax發(fā)請(qǐng)求并且為select2賦初始值 $.ajax({ url : _ctx+/basInfo/listPsinfoData, data : page=1&rows=9999&flag=...
摘要：原創(chuàng)用法總結(jié)前言最近用到的，官方文檔中的例子也很多在此寫一些實(shí)際項(xiàng)目中用法總結(jié)，有需要的朋友可以借鑒一下。 （原創(chuàng)） bootstrap select2 用法總結(jié) 前言 最近用到bootstrap 的 select2，官方文檔中的例子也很多在此寫一些實(shí)際項(xiàng)目中用法總結(jié)，有需要的朋友可以借鑒一下。 效果圖 showImg(https://segmentfault.com/img/bV...
摘要：原創(chuàng)用法總結(jié)前言最近用到的，官方文檔中的例子也很多在此寫一些實(shí)際項(xiàng)目中用法總結(jié)，有需要的朋友可以借鑒一下。 （原創(chuàng)） bootstrap select2 用法總結(jié) 前言 最近用到bootstrap 的 select2，官方文檔中的例子也很多在此寫一些實(shí)際項(xiàng)目中用法總結(jié)，有需要的朋友可以借鑒一下。 效果圖 showImg(https://segmentfault.com/img/bV...
摘要：新手，不擅長(zhǎng)寫，純粹只是分享一下自己遇到的問(wèn)題供大家參考一下這個(gè)插件，就是帶搜索功能的下拉選擇框效果如圖使用前先確定自己的項(xiàng)目安裝了，如果沒(méi)有的話就用安裝一下使用的時(shí)候先在頭部引用插件如果表單是，可以使用下面代碼是鍵值對(duì)數(shù)組，下面所聲明的 新手，不擅長(zhǎng)寫js，純粹只是分享一下自己遇到的問(wèn)題供大家參考一下 select2這個(gè)插件，就是帶搜索功能的下拉選擇框效果如圖：showImg(ht...
閱讀 774·2019-08-29 12:49
閱讀 3560·2019-08-29 11:32
閱讀 3455·2019-08-26 10:43
閱讀 2412·2019-08-23 16:53
閱讀 2060·2019-08-23 15:56
閱讀 1705·2019-08-23 12:03
閱讀 2778·2019-08-23 11:25
閱讀 2092·2019-08-22 15:11
