最新消息:

第113款插件:select2多功能下拉框

高级页面 杨红伟 56浏览

[TOC]

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

(一)简介

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