先给大家展示下效果图，喜欢的朋友可以下载源码哦

效果演示源码下载

section class=' main ' div class=' wrapper-demo ' div id=' DD ' class=' wrapper-down-1 ' tabindex=' 1 ' span手册网/span ul class=' drop down ' tabindex=' lia href=' # ' jQuery特效/a/li lia href='# '网站模板/a/Li/ul/div/div/section/div脚本类型=' text/JavaScript ' src=' http :http://libs。useso。com/js/jquery/1。7 .2/jquery。量滴js '/脚本脚本类型=' text/JavaScript '函数DrOp(El){ this。DD=El这个。占位符=这个。DD。儿童(' span ')；这个。opts=这个。DD。find(' ul。下拉李’)；这个.瓦尔=这个。索引=-；这个。init events()；} DrOp。prototype={ init events 3360 function(){ var obj=this；obj.dd.on('click '，function(event) { $(this).切换类(“活动的”)；返回false })；obj.opts.on('click '，function(){ var opt=$(this)；物体。val=opt。text()；物体。索引=opt。index()；物体。占位符。文本('性别： ' obj。val)；});}，getValue:函数(){ return this.val}，getIndex:函数(){返回this . index } } $(function(){ var DD=new DrOp($(' # DD '))；$(文档)。单击(函数(){ $(').包装-下拉列表-1 ')。移除CLaSS(' active ')；});});/script以上所述是小编给大家介绍的jQuery自定义下拉框(DrOp)附源码下载，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！