ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[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