java语言

BootStrap select2 如何实现动态改变值

时间:2024-09-22 14:59:50 java语言 我要投稿
  • 相关推荐

BootStrap select2 如何实现动态改变值

  导语: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);

【BootStrap select2 如何实现动态改变值】相关文章:

关于Java动态实现的方法04-02

PHP中多态如何实现03-07

php如何实现验证码11-26

JavaScript如何实现JSON.stringify12-09

如何实现C语言画图教程04-01

PHP如何使用curl实现数据抓取03-24

如何使用PS实现皮肤美白07-07

java通用组合算法如何实现03-28

如何在Dreamweaver改变表格的高度02-27