select2使用

select2是一款基于JQuery的下拉列表插件

css和js引入：

<link rel="stylesheet" href="../../css/select2.min.css">

<script src="../../js/select2/select2.full.js"></script>

<script src="../../js/select2/i18n/zh-CN.js"></script>

html： 

<select class="form-control input-term" id="termId" name="termId"></select>

js： 

$('#termId').select2({

            language: "zh-CN",

            minimumResultsForSearch: Infinity,

            placeholder: "选择学期",

            data: termArray,

            initSelection: function (elem, cb) {

                    var obj = { id: termArray[0].id, text: termArray[0].text };

                    cb(obj);

            }

            }).on("select2:select", function (e) {

                $("[name='termId']").val(e.params.data.id);

     })