使用jqselectable构建美化的select元素

Posted 2020-09-11 好人卡收藏家

　　本文只对此插件的应用做一些探讨，本插件版权属于原作者，插件原始下载地址：http://www.jq22.com/jquery-info288

　　原插件也有些许不足之处，比如样式定义名称太过普通，容易和页面的通用样式混淆，因此本人在原作者的基础上做了些许改动，下载地址：http://download.csdn.net/detail/lbhqq159/9816371

　　

　　使用方法：

　　1、页面定义普通的select元素：

　　

<select id="tScenic" name="tScenic" class="inputc selectable">
    <option value="0">0</option>
        <optgroup label="组1">
            <option value="1">1</option>
            <option value="1">2</option>
            <option value="1">3</option>
        </optgroup>
</select>

View Code

　　2、js部分：

    // 下拉菜单
    $(".selectable").jQselectable({
        set: "fadeIn",// 默认配置，可在jQselectable.js中找到。
        setDuration: "fast",
    });

View Code

　　3、运行结果：