BootStrap select2 动态改变值的方法

发布时间 - 2026-01-10 22:59:06    点击率:

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


# bootstrap  # select2  # BootStrap的select2既可以查询又可以输入的实现代码  # JS组件Bootstrap Select2使用方法解析  # 基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用  # JS组件Bootstrap Select2使用方法详解  # bootstrap模态框远程示例代码分享  # 扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框  # BootStrap模态框和select2合用时input无法获取焦点的解决方法  # 小编  # 在此  # 给大家  # 所述  # 给我留言  # 感谢大家  # 键值  # 则将  # 多选  # 疑问请  # 有任何  # 列表中  # helper  # function  # manage  # url  # convenient  # writing  # ajax  # execute 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  Android滚轮选择时间控件使用详解  如何用美橙互联一键搭建多站合一网站?  javascript基本数据类型及类型检测常用方法小结  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  利用python获取某年中每个月的第一天和最后一天  小米17系列还有一款新机?主打6.9英寸大直屏和旗舰级影像  如何在沈阳梯子盘古建站优化SEO排名与功能模块?  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  Laravel如何保护应用免受CSRF攻击?(原理和示例)  如何在万网开始建站?分步指南解析  Laravel如何与Pusher实现实时通信?(WebSocket示例)  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  免费网站制作appp,免费制作app哪个平台好?  Java垃圾回收器的方法和原理总结  Laravel如何处理和验证JSON类型的数据库字段  微信小程序制作网站有哪些,微信小程序需要做网站吗?  Laravel如何使用Eloquent进行子查询  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  微信小程序 require机制详解及实例代码  如何在Ubuntu系统下快速搭建WordPress个人网站?  如何在万网自助建站中设置域名及备案?  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  实现点击下箭头变上箭头来回切换的两种方法【推荐】  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  js实现点击每个li节点,都弹出其文本值及修改  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  如何快速生成可下载的建站源码工具?  iOS验证手机号的正则表达式  想要更高端的建设网站,这些原则一定要坚持!  Laravel怎么在Controller之外的地方验证数据  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  成都网站制作公司哪家好,四川省职工服务网是做什么用?  北京企业网站设计制作公司,北京铁路集团官方网站?  南京网站制作费用,南京远驱官方网站?  googleplay官方入口在哪里_Google Play官方商店快速入口指南  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  如何在Windows 2008云服务器安全搭建网站?  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  html5如何实现懒加载图片_ intersectionobserver api用法【教程】  如何解决hover在ie6中的兼容性问题  laravel怎么在请求结束后执行任务(Terminable Middleware)_laravel Terminable Middleware请求结束任务执行方法  Laravel如何使用Gate和Policy进行授权?(权限控制)  PHP正则匹配日期和时间(时间戳转换)的实例代码  如何快速完成中国万网建站详细流程?  成都品牌网站制作公司,成都营业执照年报网上怎么办理?