BootStrap select2 動態改變值的方法，bootstrapselect2

BootStrap select2 動態改變值的方法，bootstrapselect2

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 動態改變值的方法，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！