浅谈select2使用

select2有很多的属性、事件，列举一些常用的栗子

引入select2插件后，最简单的使用方式，不带ajax请求

$("#demo").select2({placeholder: "please select demo",allowClear: true,data: [{id: 10001, text: 'demoa'},{id: 10002, text: 'demob'},{id: 10003, text: 'democ'}]});

placeholder             输入框站位符
allowClear: true,       指定有占位符时允许清除

使用ajax请求

$("#demo").select2({placeholder: "选择...",multiple: true,         //是否多选allowClear: true,    ajax: {url: "url",        //请求地址type: "post",      //请求方式formatSelection: function(item){return item.name;   //显示选择对象属性name},formatResult: function(item){return item.name;   //下拉时显示name属性}});

select2分页

$("#demo").select2({placeholder: "选择...",multiple: true,         //是否多选allowClear: true,    ajax: {url: "url",        //请求地址type: "post",      //请求方式data:function(term, page){return {"term": term,    //模糊查询"start": ( page - 1) *_LENGTH,//开始"length": _LENGTH //长度                                         };},results: this.proxy(function(response, page){if(response.success){return {"results": response.data,  //返回数据"more": response.data.length > (page * _LENGTH) //下拉结果判断};}else{alert(response.reason);}})},formatSelection: function(item){return item.name;   //显示选择对象属性name},formatResult: function(item){return item.name;   //下拉时显示name属性}});

select2事件，静态数据为例，动态写法一样

$("#demo").select2({placeholder: "please select demo",allowClear: true,data: [{id: 10001, text: 'demoa'},{id: 10002, text: 'demob'},{id: 10003, text: 'democ'}]}).on("change",function(){//值发生改变时触发，这里写需要调用的fuction//常用事件有，select2-open  select2打开时触发//select2-close   关闭时触发//select2-selecting  选中时触发});

浅谈select2使用相关推荐

浅谈MySQL存储引擎-InnoDBMyISAM
浅谈MySQL存储引擎-InnoDB&MyISAM 存储引擎在MySQL的逻辑架构中位于第三层,负责MySQL中的数据的存储和提取.MySQL存储引擎有很多,不同的存储引擎保存数据和索引的方式 ...
【大话设计模式】——浅谈设计模式基础
初学设计模式给我最大的感受是:人类真是伟大啊!单单是设计模式的基础课程就让我感受到了强烈的生活气息. 个人感觉<大话设计模式>这本书写的真好.让貌似非常晦涩难懂的设计模式变的生活化.趣味化 ...
学校计算机机房好处,浅谈学校计算机机房维护
浅谈学校计算机机房维护现在的学校机房都配置了数量较多的计算机,而且机房的使用非常频繁.对于怎样维护好计算机,特别是计算机软件系统,对广大计算机教师来说是一个很重要且非常现实的问题.下面就本人在 ...
java 中的单元测试_浅谈Java 中的单元测试
单元测试编写 Junit 单元测试框架对于Java语言而言,其单元测试框架,有Junit和TestNG这两种, 下面是一个典型的JUnit测试类的结构 package com.example.dem ...
mybatis与php,浅谈mybatis中的#和$的区别
浅谈mybatis中的#和$的区别发布于 2016-07-30 11:14:47 | 236 次阅读 | 评论: 0 | 来源: 网友投递 MyBatis 基于Java的持久层框架MyBatis 本 ...
浅谈GCC预编译头技术
浅谈GCC预编译头技术文/jorge --谨以此文,悼念我等待MinGW编译时逝去的那些时间. 其实刚开始编程的时候,我是丝毫不重视编译速度之类的问题的,原因很简单,因为那时我用BASICA.后来 ...
【笔记】震惊！世上最接地气的字符串浅谈(HASH+KMP)
震惊!世上最接地气的字符串浅谈(HASH+KMP) 笔者过于垃圾,肯定会有些错的地方,欢迎各位巨佬指正,感激不尽! 引用:LYD的蓝书,一本通,DFC的讲稿,网上各路巨佬 Luguo id: 章鱼那个 ...
浅谈几种区块链网络攻击以及防御方案之其它网络攻击
旧博文,搬到 csdn 原文:http://rebootcat.com/2020/04/16/network_attack_of_blockchain_other_attack/ 写在前面的话自比特 ...
浅谈几种区块链网络攻击以及防御方案之拒绝服务攻击
旧博文,搬到 csdn 原文:http://rebootcat.com/2020/04/14/network_attack_of_blockchain_ddos_attack/ 写在前面的话自比特币 ...

浅谈select2使用

浅谈select2使用相关推荐

最新文章

热门文章