[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