select2插件实现下拉框搜索功能

select2插件实现下拉框搜索功能

精简博客内容，尽量已行业术语来分享。
努力做到对每一位认可自己的读者负责。
帮助别人的同时更是丰富自己的良机。

jquery.min.js
select2.min.css
select2.min.js

实现代码

<div class="form-group col-md-2 col-sm-6 col-xs-12">
<select class="singleSelect" name="position" id="position" style="width: 200px">
      <option value="" selected="selected">--请选择--</option>
       <option value="北京">北京</option>
       <option value="上海">上海</option>
       <option value="深圳">深圳</option>
       <option value="杭州">杭州</option>
       <option value="天津">天津</option>
       <option value="西安">西安</option>
       <option value="长沙">长沙</option>
       <option value="郑州">郑州</option>
       <option value="武汉">武汉</option>
       <option value="哈尔滨">哈尔滨</option>
       <option value="太原">太原</option>
       <option value="洛阳">洛阳</option>
       <option value="成都">成都</option>
       <option value="南昌">南昌</option>
       <option value="兰州">兰州</option>
       <option value="南京">南京</option>
       <option value="拉萨">拉萨</option>
</select>
</div>

<script language="javascript">
$(document).ready(function() {
	$('.singleSelect').select2();
});
</script>

效果图