bootstrap select2 php,BootStrap select2 动态改变值的方法

本文详细介绍了如何在Bootstrap Select2组件中动态地为输入字段赋值以及如何在后期更改这些值。通过JSON.stringify和select2插件的方法,实现了初始化和更新选择器的内容,并通过触发'change'事件确保更改生效。该教程对于前端开发者在处理动态数据交互时具有指导意义。
摘要由CSDN通过智能技术生成

1,selec2动态赋值

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,动态改变值

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值