BootStrap select2 动态改变值的方法

网友投稿 441 2023-06-14


BootStrap select2 动态改变值的方法

1,selec2动态赋值

var temp=jsON.stringify({ id: "1|所有停车场", name: "所有停车场" });

$("#e_pid").attr("value", thttp://empP);

$("#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/http://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 http://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;

}

http:// });

2,动态改变值

$("#e_pid").attr("value", temp);

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

以上所述是给大家介绍的BootStrap select2 动态改变值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:详解Java实现负载均衡的几种算法代码
下一篇:Java 实现二叉搜索树的查找、插入、删除、遍历
相关文章

 发表评论

暂时没有评论,来抢沙发吧~