BootStrap select2 动态改变值的方法
1,selec2动态赋值
vartemp=JSON.stringify({id:"1|所有停车场",name:"所有停车场"});
$("#e_pid").attr("value",tempP);
$("#e_pid").select2({
placeholder:"查找停车场名称(多选)",
language:"zh-CN",
minimumInputLength:1,
allowClear:true,
multiple:true,
ajax:{
//insteadofwritingthefunctiontoexecutetherequestweuseSelect2'sconvenienthelper
url:"/manage/park/index/json/index",
dataType:'json',
data:function(term,page){
return{
parkName:term,//searchterm
powerpid:"1"
};
},
results:function(data,page){//parsetheresultsintotheformatexpectedbySelect2.
//sinceweareusingcustomformattingfunctionswedonotneedtoalterremoteJSONdata
for(vari=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){
//赋初始值
//theinputtaghasavalueattributepreloadedthatpointstoapreselectedmovie'sid
//thisfunctionresolvesthatidattributetoanobjectthatselect2canrender
//usingitsformatResultrenderer-thatwaythemovienameisshownpreselected
vardata=[];
varvalue=""
varstr=$(element).val().split('^');
for(vari=0;i<str.length;i++){
vartemp=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){
returnitem.name;//注意此处的name,要和ajax返回数组的键值一样
},//选择结果中的显示
formatResult:function(item){
returnitem.name;//注意此处的name
},//搜索列表中的显示
dropdownCssClass:"bigdrop",//applycssthatmakesthedropdowntaller
escapeMarkup:function(m){
returnm;
}
});
2,动态改变值
$("#e_pid").attr("value",temp);
$("#e_pid").trigger('change');//动态改变值以后必须触发改变时间。否则将不会生效
以上所述是小编给大家介绍的BootStrapselect2动态改变值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
