html5 下拉框 美化,实用select下拉框美化jquery插件

这是一款实用的select下拉框美化jquery插件。该select下拉框的原理是将select标签隐藏，并按照select标签用div和list绘制一个控件，将用户对div的操作映射到select上。css文件可以根据不同需求修改。

使用方法

在页面中引入htools.select.skin.css和jquery、jquery.htools.select.js文件。

HTML结构

使用普通的select元素作为下拉框的HTML结构即可：

插件效果

项目1

项目2

项目3

项目4

初始化插件

在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该下拉框美化插件。

var $myselect = $("#myselect");

/**

* 初始化插件

*/

$myselect.goSelectInput({

height: 30,

width: 250

});

本select下拉框美化jquery插件由阿海提供，如有需要可以通过719348277@qq.com和他联系。