jQuery实现的仿select功能代码

本文实例讲述了jQuery实现的仿select功能。分享给大家供大家参考。具体如下：

这里重新再次与大家分享jQuery仿select功能，这个实现起来倒不复杂，就当研究一下jQuey插件的用法啦，还望大家喜欢。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-fselect-cha-method-codes/

具体代码如下：

.select-my ul,.select-my li{
 margin:0;padding:0;
}
.select-my{
 position:absolute;
 min-width:100px;
 *width:100px;
 left:100px;
 top:20px;
 border:1px solid #aaa;
 border-bottom:none;
} 
.select-my b{
 float:left;
} 
.select-my span{
 float:right;
}
.select-my li{
 width:100%;
 min-height:20px;
 *height:20px;
 border-bottom:1px solid #aaa;
 line-height:20px;
 vertical-align:middle;
}
.select-my img{
 line-height:20px;
 vertical-align:middle; 
}
.select-my .select-my-list{
 border-bottom:none;
}
.select-my .select-my-list{
 display:none;clear:both;
}




select2 
被选中的值是

希望本文所述对大家的jquery程序设计有所帮助。