博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap select2 动态改变值
阅读量:4259 次
发布时间:2019-05-26

本文共 1822 字,大约阅读时间需要 6 分钟。

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'); //动态改变值以后必须触发改变时间。否则将不会生效

转载地址:http://fkaei.baihongyu.com/

你可能感兴趣的文章
Access数据库出现"Selected collating sequence not supported by the operating system."错误
查看>>
逻辑思维测试题
查看>>
如何用Easy CHM制作CHM格式电子书(帮助文档)
查看>>
为什么学习python
查看>>
华为进不了美国,并不是贸易保护这么简单
查看>>
markdown文件的基本常用编写语法(图文并茂)
查看>>
java变量简介
查看>>
Shell十分钟入门
查看>>
nginx 配置 upstream backup 报错
查看>>
Linux执行 wget命令:提示command not found的两种解决方法
查看>>
openssl实现md5加rsa签名
查看>>
史上最全的前端学习路线图,干货满满
查看>>
来点不一样的:解耦 HTML、CSS 和 JS之间的那些事
查看>>
使用go编写webassembly
查看>>
从矩阵与空间操作的关系理解CSS3的transform(科普文)
查看>>
你也想做掌控全局的 React 大师吗?
查看>>
Javascript中的尾递归及其优化
查看>>
前端面试之手写一个bind方法
查看>>
浅析当下的 Node.js CommonJS 模块系统
查看>>
如何让 node 也支持从 url 加载一个 module?
查看>>