Select2 下拉框

本文章只是简单的运用了Select2插件，实在是冰山一角，仅供参考，欢迎大家评论。
代码如下：

select2AllData(id,url);

select2AllData = function(id, url) {
    $.ajax({
        url : url,
        async : false,
        type : "POST",
        dataType : "json",
        success : function(data) {
            if (data != null) {

                $("#" + id).select2({
                    placeholder : {
                        id : "-1",
                        text : "请输入检索内容"
                    },
                    allowClear : true,
                    data : data
                });
            }
        }
    });
}

页面效果如下：

通过ajax请求后台查询出所有数据加载到下拉框中 ，可以在光标闪烁出快速查询出下拉框中某一项，不会在请求后台。

另一种代码如下：

select2(id,url);

LubeJS.select2 = function(id, url) {
    $("#" + id).select2({
        placeholder : {
            id : "-1",
            text : "请输入检索内容"
        },
        minimumInputLength : 1,
        allowClear : true,
        escapeMarkup : function(markup) {
            return markup;
        },
        ajax : {
            url : url,
            type : "post",
            dataType : "json",
            data : function(params) {
                var query = {
                    term : params.term
                };
                return query;
            },
            processResults : function(data, params) {
                return {
                    results : data
                };
            },
            cache : true
        }
    });
}

页面效果如下：

第一次加载时不会请求后台，当你输入时回请求后台，实时查询。