
多条件筛选下拉选择框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>










暂无评论内容