本文只对此插件的应用做一些探讨,本插件版权属于原作者,插件原始下载地址: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>
2、js部分:
// 下拉菜单 $(".selectable").jQselectable({ set: "fadeIn",// 默认配置,可在jQselectable.js中找到。 setDuration: "fast", });
3、运行结果: