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

<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>

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

$('#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);

            })