select2搜索框

Select2搜索框具有以下特点：

1. 支持在IE8浏览器上进行下拉选择并支持远程搜索功能，能够在旧版本的IE浏览器上提供良好的用户体验。

2. 已经进行了汉化，所有的文本和标签都以中文显示，使得中国用户可以更加方便地使用该搜索框进行选择和搜索操作。

3. 相关代码如下：

<link href="../select2/css/select2.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../select2/js/select2.js"></script>

<select id="thirdCategorySelect" required="true" onchange="changeThirdCategory(this.value)">
                            <option value="">请先选择问题类型</option>
                        </select>

function thirdCategorySelectselect2() {
    $('#thirdCategorySelect').select2({
        width: '100%',
        id: function(data) {
            return data.id
        },
        formatSelection: function (data) {
            return data.text
        },  //生效
        ajax: {
            type:'post',
            contentType: "application/x-www-form-urlencoded",
            headers: {
                'Authorization': 'Bearer ' + noticeToken,
            },
            url: FORM_CONFIG + '/ics/webservice/searchThirdDirectory',
            dataType:'json',
            data: function(params) { //输入的内容
                return {
                    keyword: params.term ? params.term.toLowerCase() : '',
                    orgNo: visitor.orgNo,
                    problemType: problemTypeCategory[$(parentEle + ' select[name="problemType"]').val()].join(',')
                }
            },
            processResults: function (res) {
                var resultArray = []
                if(res.STATUS === '0000') {
                    var array = res.RSP.DATA
                    var i = 0;
                    while(i < array.length){
                        resultArray.push({id: array[i]['path'], text: array[i]['ser_NAME']})
                        i++;
                    }
                }
                return { results: resultArray };
            },
            cache: true,
        },
        escapeMarkup: function(markup) { //提示语
            return markup
        },
        templateResult: formatRepo,
        templateSelection: formatRepoSelection
    });
}

function formatRepo (repo) {
    if (repo.loading) {
        return repo.text;
    }
    var markup = "<div class='select2-result-repository clearfix'>" +
        "<div class='select2-result-repository__meta'>" +
        "<div class='select2-result-repository__title'>" + repo.text + "</div>";
    if (repo.description) {
        markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
    }
    return markup;
}

function formatRepoSelection (repo) {
    return repo.text;
}