栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

BootStrap select2 动态改变值的方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

BootStrap select2 动态改变值的方法

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 动态改变值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/90209.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号