注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-16
多条件筛选下拉选择框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>