二手车筛选栏JS

最新推荐文章于 2019-10-10 15:47:05 发布

NHF14NHNFN18781FH

最新推荐文章于 2019-10-10 15:47:05 发布

阅读量1.3k

点赞数

分类专栏： html的js 文章标签： js php url

本文链接：https://blog.csdn.net/NHF14NHNFN18781FH/article/details/10951413

版权

html的js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

2.00000

一、页面嵌入方式：
   一般放在<head>与</head>之间。如：
<html>
<head>
    <script type="text/javascript">
       alert("hello world");
       ......
   </script>
</head>
<body>

</body>
<html> 
二、外部引用方式：
  <script type="text/javascript" src="xxx.js"></script>，xxx.js为要引用的js文件。

1.。。。。

		<script>
			$(document).ready(function(){
				var pingpai = '{$data['pingpai']}';	
				if(pingpai!=""){				
					$('#pingpai').find("span").each(function(i,v){
						if($(v).attr('value')==pingpai){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var carspeedchange = '{$data['carspeedchange']}';
				if(carspeedchange!=""){				
					$('#carspeedchange').find("span").each(function(i,v){
						if($(v).attr('value')==carspeedchange){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var pai = '{$data['carpailiang']}';
				if(pai!=""){
					//console.log(pai);
					$('#pai').find("span").each(function(i,v){
						if($(v).attr('value')==pai){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var price = '{$data['price']}';
				if(price!=""){
					$('#price').find("span").each(function(i,v){
						if($(v).attr('value')==price){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var carage = '{$data['carage']}';
				if(carage!=""){
					$('#carage').find("span").each(function(i,v){						
						if($(v).attr('value')==carage){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var carmile = '{$data['carmile']}';	
				if(carmile!=""){
					$('#carmile').find("span").each(function(i,v){
						if($(v).attr('value')==carmile){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var sort = '{$data['sort']}';	
				//console.log(sort);
				if(sort!=""){
					$('#sort').find("span").each(function(i,v){
						if($(v).attr('value')==sort){
							$(v).removeClass().addClass("cur_select");
						}else{
							$(v).removeClass().addClass("no_select");
						}
					});
				}
				
				var page = '{$data['page']}';var jpage;
				if(page!=""){
					jpage = page;
				}else{
					jpage = "0";
				}
				
				$(".btn_key").click(function(){
					var key_input=document.getElementById("text_input").value;
					if(key_input!=""){
					var $_url="";var $_i=0;
					$_this = $(this);
					$_this.closest("dd").find("span").removeClass().addClass("no_select");
					$_this.removeClass().addClass("cur_select");					
					$('span.cur_select').each(function(i,v){				
						if($(v).attr('value')!=""){
							switch($_i){
							case 0:$_url = $_url  +$(v).attr('value')+"-";break;//pingpai
							case 1:$_url = $_url  +$(v).attr('value')+"-";break;//carspeedchange
							case 2:$_url = $_url  +$(v).attr('value')+"-";break;//pai
							case 3:$_url = $_url  +$(v).attr('value')+"-";break;//price
							case 4:$_url = $_url  +$(v).attr('value')+"-";break;//carage
							case 5:$_url = $_url  +$(v).attr('value')+"-";break;//carmile
							case 6:$_url = $_url  +$(v).attr('value');break;//order
							}
						}else{
							switch($_i){
							case 0:$_url = $_url +  "0"+"-";break;
							case 1:$_url = $_url +  "0"+"-";break;
							case 2:$_url = $_url +  "0"+"-";break;
							case 3:$_url = $_url +  "0"+"-";break;
							case 4:$_url = $_url +  "0"+"-";break;
							case 5:$_url = $_url +  "0"+"-";break;
							case 6:$_url = $_url +  "0";break;
							}
						}
						$_i++;
					});
					//console.log($_url);
					window.location.href="/cars/"+$_url+"-"+key_input+"-"+jpage;
					}
				})
				
				$("span.no_select").click(function(){
					var $_url="";var $_i=0;
					$_this = $(this);
					$_this.closest("dd").find("span").removeClass().addClass("no_select");
					$_this.removeClass().addClass("cur_select");					
					$('span.cur_select').each(function(i,v){				
						if($(v).attr('value')!=""){
							switch($_i){
							case 0:$_url = $_url  +$(v).attr('value')+"-";break;//pingpai
							case 1:$_url = $_url  +$(v).attr('value')+"-";break;//carspeedchange
							case 2:$_url = $_url  +$(v).attr('value')+"-";break;//pai
							case 3:$_url = $_url  +$(v).attr('value')+"-";break;//price
							case 4:$_url = $_url  +$(v).attr('value')+"-";break;//carage
							case 5:$_url = $_url  +$(v).attr('value')+"-";break;//carmile
							case 6:$_url = $_url  +$(v).attr('value');break;//order
							}
						}else{
							switch($_i){
							case 0:$_url = $_url +  "0"+"-";break;
							case 1:$_url = $_url +  "0"+"-";break;
							case 2:$_url = $_url +  "0"+"-";break;
							case 3:$_url = $_url +  "0"+"-";break;
							case 4:$_url = $_url +  "0"+"-";break;
							case 5:$_url = $_url +  "0"+"-";break;
							case 6:$_url = $_url +  "0";break;
							}
						}
						$_i++;
					});
					//console.log($_url);
					window.location.href="/cars/"+$_url+"-0"+"-"+jpage; 
				})
			});
		</script>

NHF14NHNFN18781FH

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二手车筛选栏JS

1.。。。。 $(document).ready(function(){ var pingpai = '{$data['pingpai']}'; if(pingpai!=""){ $('#pingpai').find("span").each(function(i,v){ if($(v).attr('value')==pingpai){
复制链接

扫一扫

专栏目录