Select2日常点滴

原创 2016年05月31日 11:48:58

//初始化select2,常用的一些配置

$("#select-2").select2({

                    minimumInputLength: 1,//查询时最小输入长度
                    multiple: true,//是否开启多选
                    allowClear:true,//是否开启删除按钮
                    closeOnSelect : true,//选择后是否关闭下拉框
                    ajax:{//使用ajax请求
                        url: "",//ajax请求地址
                        type : 'get',
                        dataType: 'json',
                        quietMillis: 250,//延迟查询
                        data: function (term, page) {//queryParam请求的查询参数
                            return {key: term, size:10};
                        },
                        results: function (data, page, query) {//返回的结果集,id和text是必须参数
                            var results = [];
                            var xx= data.data;
                            for(var i in xx){
                                var result= xx[i];
                                var x= {
                                    id : result.id,
                                    text : result.name
                                };
                                results.push(x);
                            }
                            return {results : results};
                        }
                    }
                });

            }


//html

<input  type="text" id="select-2">

版权声明:本文为博主原创文章,未经博主允许不得转载。

select2 的运用点滴

这一段时间在开发一个企业的信息管理平台,在用到select2时,临时抱佛脚学习了一下。   $('#e3').select2({ placeholder: "请输入", minimumIn...
  • antdz
  • antdz
  • 2015年03月14日 09:40
  • 370

日常点滴之首都就医

前天去了趟医院打算做检查,真正体会了一次什么叫做看病难。早上5点不到就爬起来,因为据有经验的同事说,6点以前必须得到医院排队,不然当天挂上号的几率都会小很多。还好有小伙伴一起,不然早上5点起床是万万起...
  • JDDXM
  • JDDXM
  • 2016年01月11日 17:49
  • 414

select2参数介绍

关于select2 api参数的文档   具体参数可以参考一下: 参数 类型 描述 Width ...
  • zuijiao__shangyang
  • zuijiao__shangyang
  • 2017年06月07日 10:10
  • 3079

jquery select2插件初始化时赋多个值

select2插件初始化时如何赋多个值? var ch_num = $("input[name='media_chn_num']").val().split(",")...
  • huanghanqian
  • huanghanqian
  • 2016年09月22日 15:38
  • 12571

Select2下拉框总结

Select2下拉框总结 用了这么久的Select2插件,也该写篇文章总结总结。当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件。 在我的印象里S...
  • linbren
  • linbren
  • 2017年02月07日 11:25
  • 1112

Select2插件的用法,通过ajax实现在下拉框中回显

一.文件需要引入select2.full.js、select2.min.css(4.0.1版本)和jquery.1.8.3及以上 最新版本的select2如果引用的jquery版本较低的话,某些功能...
  • xiaowu2017
  • xiaowu2017
  • 2017年01月13日 13:33
  • 10313

美化的下拉框select2

今天,向大家介绍一款简单、实用的JQuery插件——select2。 select2是对select下拉框的改进。如果你对界面的美感又一定要求,你一定会抛弃select,坚决的选择select2阵营...
  • liu765023051
  • liu765023051
  • 2015年06月22日 10:10
  • 7309

jquery插件select2源码解读(一) 概述

jquery插件select2源码解读(一)   概述 在使用select2插件之前,我们需熟悉相关的js框架,当然jquery必不可少。其中涉及部分框架比如:gruntfile,requirejs....
  • houzhanyi1
  • houzhanyi1
  • 2017年06月23日 16:48
  • 359

jquery插件select2的所有事件,包括清除,删除,打开等

jquery插件select2的所有事件,包括清除,删除,打开等
  • jiangeeq
  • jiangeeq
  • 2016年09月07日 10:42
  • 19228

select2,利用ajax高效查询大数据列表(可搜索、可分页)

select2是一款jquery插件,是普通form表单select组件的升级版。 可以定制搜索、远程数据集(Remote data,本篇主要介绍点)、无限滚动(数据分页功能,这一点很妙)、还有很多高...
  • qing_gee
  • qing_gee
  • 2017年05月19日 11:54
  • 5526
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Select2日常点滴
举报原因:
原因补充:

(最多只允许输入30个字)