多条件筛选下拉选择框jQuery代码

多条件筛选下拉选择框jQuery代码-精品资源网
多条件筛选下拉选择框jQuery代码
此内容为免费资源,请登录后查看
0
免费资源

多条件筛选下拉选择框jQuery代码

多条件筛选下拉选择框jQuery代码是一款多种条件筛选的下拉菜单特效。

js代码

<script>
$(\".selemenu\").click(function(){
	$(this).next().slideToggle();
	$(this).parents().siblings().find(\".citylist,.citylist2\").slideUp();
	})
$(\".citylist span\").click(function(){
	var text=$(this).text();
	$(this).parent().prev().html(text);
	$(this).parent().prev().css(\"color\",\"#666\")
	$(this).parent().fadeOut();
	
	})
$(\".shangquan li\").click(function(){
	$(\".shangquan li\").removeClass(\"active\")
	$(this).addClass(\"active\")
	var text1=$(this).text();
	$(\".sqinput\").html(text1)
	})
$(\".chengshi li\").click(function(){
	$(\".chengshi li\").removeClass(\"active\")
	$(this).addClass(\"active\")
    var text2=$(this).text();
	$(\".csinput\").html(\"-\"+text2)
	$(\".citylist2\").slideUp();
	})
  $(function(){
    $(document).not($(\".selectbox\")).click(function(){
        $(\".citylist,.citylist2\").slideUp();
	 })
	 $(\".selectbox\").click(function(event){
        event.stopPropagation();
    })
	})
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容