荟萃馆

位置:首页 > 计算机 > java语言

BootStrap select2 如何实现动态改变值

java语言2.34W

导语:BootStrap select2 如何实现动态改变值呢?下面小编给大家提供了代码实现教程,大家可以参考阅读,更多详情请关注应届毕业生考试网。

BootStrap select2 如何实现动态改变值

  1,selec2动态赋值

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

$("#e_pid")("value", tempP);

$("#e_pid")ct2({

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 < th; i++) {

data[i] = data[i]+"|"+data[i];

};

({ 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)()t('^');

for (var i = 0; i < th; i++) {

var temp = e(str[i]);

value += + ",";

(temp);

}

;

value = tring(0, th - 1);

$(element)(value);

callback(data);

},

formatSelection: function (item) {

return ;//注意此处的name,要和ajax返回数组的键值一样

}, // 选择结果中的显示

formatResult: function (item) {

return ;//注意此处的name

},// 搜索列表中的显示

dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller

escapeMarkup: function (m) {

return m;

}

});

  2,动态改变值

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

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


标签:bootstrap select2