select2使用

转载 2016年06月01日 10:20:03

http://www.jb51.net/article/78676.htm


$(document).ready(function () {

    $("#e11").select2({
        placeholder: "Select a client",
        minimumInputLength: 1,
        allowClear: true,
        id: function (results) {
            return {
                id: results.id
            };
        },
        ajax: {
            url: "Tinkerer.aspx/GetClients", // ?searchTerm=" + (term=null)?"":term, // current page's method. GetClients, GetCountries
            quietMillis: 150,
            dataType: 'json',
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: function (term, page) {
                return {
                    pageSize: 100,
                    pageNum: page,
                    searchingFor: term
                };
            },
            results: function (data, page) {
                var more = (page * pageSize) < data.Total;
                return {
                    results: data,
                    more: more
                };
            }
        },

        formatResult: ClientFormatResult,
        formatSelection: ClientFormatSelection,
        dropdownCssClass: "bigdrop",
        escapeMarkup: function (m) {
            return m;
        }
    });
})

function ClientFormatResult(clients) {
    var markup = "<table><tr><td>clients.text</td></tr></table>";
    return markup;

}

function ClientFormatSelection(clients) {
    return clients.text; // ClientName
}



jquery select2 如何获取它的value和text
获取value和普通空间获取一样:
<input type="hidden" name="xa" id="xa" data-placeholder=".." style ="width: 360px;"/>
1  $("#xa").val();
2  $("#xa").select2("val");

获取select2的text值:
$("#xa").select2('data').text







select2 使用教程(简)

用了这么久的Select2插件,也该写篇文章总结总结。当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件。 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新...
  • jiangeeq
  • jiangeeq
  • 2016年11月10日 16:11
  • 32966

Select2开源项目如何轻松加入到项目中

1.Select2控件的介绍 Select2为您提供了一个可定制的选择框,支持搜索、标记、远程数据集、无限滚动以及许多其他高度使用的选项。 2.Select2控件下载地址 https://githu...
  • ahou2468
  • ahou2468
  • 2017年06月09日 11:37
  • 1301

Select2 4.0.3自动补全插件使用说明

1、我项目中使用的是Select2  4.0.3[特别需要强调的是selec2  4.0以后的版本和3.x的版本使用差距很大,具体可参见源码]   2、使用select2 插件需要引入其js和cs...
  • zhuonewb
  • zhuonewb
  • 2016年12月27日 09:47
  • 1609

Select2使用实例——很好用的下拉提示选择框!

这几天一直的寻找能把select和sugget结合起来使用的例子,然后就看到了这个,发现真的很不错,它支持下拉的直接选择,也支持在下拉内容中输入过滤。...
  • Evankaka
  • Evankaka
  • 2015年12月06日 22:05
  • 15385

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

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

select2 使用笔记

构造函数: 2.5.2版本:(具体详见 http://select2.github.io/select2/#documentation ) 参数 类型...
  • u014388408
  • u014388408
  • 2016年01月26日 15:01
  • 18720

select2的使用

以前主要写后端,前端接触的比较少,记录一下,方便下次使用。输入‘北京’ 会自动调用后端接口查询 相关内容前端代码: ...
  • Java_HuiLong
  • Java_HuiLong
  • 2017年06月02日 22:34
  • 484

select2中文选项通过拼音或者首字母快速定位选项

使用select2的时候,想通过拼音或者首字母检索下拉的选项,但是又没有通过ajax等技术去实现 这时候可以试试用这种伪方法~ 这种方法的好处就是快、方便使用 默认select2如图: 代码:...
  • u012906135
  • u012906135
  • 2017年04月24日 09:57
  • 1605

select2参数介绍

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

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

select2插件初始化时如何赋多个值? var ch_num = $("input[name='media_chn_num']").val().split(",")...
  • huanghanqian
  • huanghanqian
  • 2016年09月22日 15:38
  • 12656
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:select2使用
举报原因:
原因补充:

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