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

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

js代码

<script>
$(".selemenu").click(function(){
$(this).next().slideToggle();
$(this).parents().siblings().find(".citylist,.citylist2").slideUp();
})
$(".citylistspan").click(function(){
vartext=$(this).text();
$(this).parent().prev().html(text);
$(this).parent().prev().css("color","#666")
$(this).parent().fadeOut();

})
$(".shangquanli").click(function(){
$(".shangquanli").removeClass("active")
$(this).addClass("active")
vartext1=$(this).text();
$(".sqinput").html(text1)
})
$(".chengshili").click(function(){
$(".chengshili").removeClass("active")
$(this).addClass("active")
vartext2=$(this).text();
$(".csinput").html("-"+text2)
$(".citylist2").slideUp();
})
$(function(){
$(document).not($(".selectbox")).click(function(){
$(".citylist,.citylist2").slideUp();
})
$(".selectbox").click(function(event){
event.stopPropagation();
})
})
</script>


下载

2023-11-22 21:57 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]