[TOC]

H5的selectselect2插件给我们带来了更加友好的交互方式，比如查询控件展开后可通过关键字进行检索

（一）简介

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