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

jQuery多条件筛选下拉选择框代码
下载次数:1 文件大小:35.6KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
$(".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();
    })
})

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

0 条评论