[TOC]
`H5`的`select`select2插件给我们带来了更加友好的交互方式,比如查询控件展开后可通过关键字进行检索
# (一)简介
官网 https://github.com/select2/select2
# (二)示例
本站示例: https://hongweizhiyuan.gitee.io/ijquery-select2/
# (三)最简使用方法
## 引用
```
<script src="../../script/extend/jquery-3.3.1.min.js"></script>
<link href="../../css/select2.min.css" rel="stylesheet" />
<script src="../../script/extend/select2.min.js"></script>
```
## HTML
```
<span>区域:</span>
<select id="area" class="select2" style="width: 300px;">
<option value="" selected="selected">请选择区域</option>
<option value="1">珠海</option>
<option value="2">深圳</option>
<option value="3">澳门</option>
<option value="4">香港</option>
</select>
```
## JS
```
<script type="text/javascript">
$(function () {
$("#area").select2();
});
</script>
```
# (四)参数
TODO