BootStrap select2 动态改变值的方法

1,selec2动态赋值

rush:js;"> 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返回数组的键值一样 },// 选择结果中的显示 formatResult: function (item) { return item.name;//注意此处的name },// 搜索列表中的显示 dropdownCssClass: "bigdrop",// apply css that makes the dropdown taller escapeMarkup: function (m) { return m; } });

2,动态改变值

rush:js;"> $("#e_pid").attr("value",temp); $("#e_pid").trigger('change'); //动态改变值以后必须触发改变时间。否则将不会生效

以上所述是小编给大家介绍的BootStrap select2 动态改变值的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...