select2参数详解

$("select").select2({
    placeholder: "Select an option", //定义一个占位符，当没有选择任何选项时显示
    allowClear: true , //允许用户清除选择。设置为 true 时，会在下拉列表旁边显示一个清除按钮
    minimumInputLength: 2 , //设置用户在搜索框中输入的最小字符数，搜索功能才会触发
    maximumInputLength: 20 , // 设置用户在搜索框中输入的最大字符数
    minimumResultsForSearch: 10 , //设置下拉列表中至少需要显示多少个结果，搜索框才会显示
    data: [{ id: 1, text: 'Option 1' }, { id: 2, text: 'Option 2' }] ,
   //直接提供选项数据，而不是从 <option> 标签中获取。
    tags: true , //允许用户输入一个新值，这个值不存在于选项中
    multiple: true , //允许选择多个选项
    width : '100%', //设置选择框的宽度
    containerCss: {
        width: '100%'
    }, //应用到选择框容器的CSS
    dropdownCss: {
        'background-color': 'blue'
    }, //应用到下拉列表的CSS
    templateResult: function (data) { //自定义选项的显示方式。
        return data.text;
    },
    templateSelection: function (data) { //自定义选中项的显示方式
        return data.text;
    },
    escapeMarkup: function (markup) { //决定是否转义HTML
        return markup;
    },
    ajax: { //配置异步加载数据
        url: 'https://api.example.com',
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                q: params.term,
                page: params.page
            };
        },
        processResults: function (data, params) {
            params.page = params.page || 1;
            return {
                results: data.items,
                pagination: {
                    more: data.more
                }
            };
        },
        cache: true
    }
});