jquery自定义下拉框样式,选择后下面内容跟着变化
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站制作、庐山网络推广、微信平台小程序开发、庐山网络营销、庐山企业策划、庐山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供庐山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
$(function(){
$(".select1 img").click(function(){$(this).next("ul").show();});
$(".select1 ul ").click(function(){$(this).hide();});
$(".select1 ul li").click(function(){ $(".select1 input").val($(this).html());
var coo=$(this).attr("co");
$("."+coo).show().siblings().hide();;
});
});
/*select*/
.select1{width:287px; height:24px; background:#dedede; color:#000; position:relative; margin-bottom:10px;}
.select1 input{ border-style:none;width:254px;height:24px;background:#dedede;padding-left:5px; }
.select1 ul{display:none;width:287px;;background:#dedede;}
.select1 ul li{ border-bottom:1px solid #ccc;border-top:1px solid #f2f2f2;cursor:pointer;padding-left:5px;}
.select1 img{ position:absolute; right:0px; cursor:pointer;}
- 封面×××明星式写真
- ×××明星
- ×××明星1
- ×××明星2
- ×××明星3
文章名称:jquery自定义下拉框样式,选择后下面内容跟着变化
文章源于:http://scjbc.cn/article/piehdd.html