https://lining.com/other/script/index20190617.js

1// JavaScript Document
2myLab.ready(function(){
3		
4	if(document.getElementById('select_box')){
5		
6		/*
7			numIndex : option的索引数字
8			
9			myPageData : 文章信息JSON变量 
10			(1).普通店铺        pt
11			(2).羽毛球店铺      ymq
12		*/
13		var myPageData = null;
14		var selectBox = document.getElementById('select_box');
15		var aInputs = selectBox.getElementsByTagName('select');
16		if(document.getElementById('warp')){
17			oWarp = myLab.getById('warp');
18			if(myLab.hasClass(oWarp,'ymq')){
19				myPageData = pageData2;
20			}else if(myLab.hasClass(oWarp,'pt')){
21				myPageData = pageData;	
22				aInputs[2].onchange = function(){
23                    var aOption = this.getElementsByTagName('option');
24                    if(aInputs[3]){
25                        for(var i=0; i<aOption.length; i++){
26                            if(aOption[i].selected){
27                            //关联表单
28                            listForm4(this.firstselNum,this.selNum,aOption[i].numIndex);
29                            }
30                        }
31                    }
32                }
33			}
34		}
35		
36		
37		
38		
39		//init 添加列表1数据
40		function listForm1(){
41			var theData = dataForm;
42			for(var i=0; i<theData.length; i++){
43				var oP = document.createElement('option');
44				oP.innerHTML = theData[i].data_Name1;	
45				//oP.numIndex = theData[i].data_Numb1;
46				oP.numIndex = i;
47				aInputs[0].appendChild(oP);
48			}	
49		}
50		
51		//init 添加列表2数据
52		function listForm2(indexNum1){
53			var theData = dataForm[indexNum1].data_Cont1;
54			if(aInputs[1]){
55				aInputs[1].innerHTML = '';
56			}
57			if(aInputs[2]){
58				aInputs[2].innerHTML = ''
59			};
60			if(theData==null){
61				return false;	
62			}else{
63				for(var i=0; i<theData.length; i++){
64					var oP = document.createElement('option');
65					oP.innerHTML = theData[i].data_Name2;	
66					//oP.numIndex = theData[i].data_Numb2;
67					oP.numIndex = i;
68					aInputs[1].appendChild(oP);
69				}	
70			}
71		}
72		
73		//init 添加列表3数据
74		function listForm3(indexNum1,indexNum2){
75			var theData = dataForm[indexNum1].data_Cont1[indexNum2].data_Cont2;
76			if(aInputs[2]){
77				aInputs[2].innerHTML = '';
78			}
79			if(theData==null){
80				return false;	
81			}else{
82				for(var i=0; i<theData.length; i++){
83					var oP = document.createElement('option');
84					oP.innerHTML = theData[i].data_Name3;	
85					oP.numIndex = theData[i].data_Numb3;
86					aInputs[2].appendChild(oP);
87				}
88			}	
89		}
90        function listForm4(indexNum1,indexNum2,indexNum3){
91            var theData = dataForm[indexNum1].data_Cont1[indexNum2].data_Cont2[indexNum3].data_Cont3;
92            if(aInputs[3]){
93                aInputs[3].innerHTML = '';
94            }
95            if(theData==null){
96                return false;
97            }else{
98                for(var i=0; i<theData.length; i++){
99                    var oP = document.createElement('option');
100                    oP.innerHTML = theData[i].data_Name4;
101                    oP.numIndex = theData[i].data_Numb4;
102                    aInputs[3].appendChild(oP);
103                }
104            }
105        }
106		
107		listForm1();
108	
109		//event 列表1事件
110		aInputs[0].onchange = function(){
111			var aOption = this.getElementsByTagName('option');
112			for(var i=0; i<aOption.length; i++){
113				if(aOption[i].selected){
114					//关联表单
115					listForm2(aOption[i].numIndex);
116					aInputs[1].selNum = aOption[i].numIndex;
117				}	
118			}
119		}
120		aInputs[1].onchange = function(){
121			var aOption = this.getElementsByTagName('option');
122			if(aInputs[2]){
123				for(var i=0; i<aOption.length; i++){
124					if(aOption[i].selected){
125						//关联表单
126						listForm3(this.selNum,aOption[i].numIndex);
127                        aInputs[2].firstselNum = this.selNum;
128                        aInputs[2].selNum = aOption[i].numIndex;
129					}	
130				}
131			}
132		}
133        
134		
135		//提交查询
136		var subBtn = document.getElementById('subBtn');
137		var oMain = document.getElementById('main');
138		
139		//罗列文章的信息
140		function listPageCont(num){
141			var cont_tit = '';	
142			//var cont_type = '';
143			var cont_adress = '';
144			//var cont_phone =  '';
145			if(myPageData[num].cont_tit && myPageData[num].cont_tit != '' && myPageData[num].cont_tit != null){
146				cont_tit = myPageData[num].cont_tit;			
147			}
148/*			if(myPageData[num].cont_type && myPageData[num].cont_type != '' && myPageData[num].cont_type != null){
149				cont_type = myPageData[num].cont_type;
150			}*/
151			if(myPageData[num].cont_adress && myPageData[num].cont_adress != '' && myPageData[num].cont_adress != null){
152				cont_adress = myPageData[num].cont_adress;	
153			}
154/*			if(myPageData[num].cont_phone && myPageData[num].cont_phone != '' && myPageData[num].cont_phone != null){
155				cont_phone = myPageData[num].cont_phone;	
156			}*/
157			
158			var oDiv = document.createElement('div');
159			oDiv.innerHTML = '<h6>

159'+cont_tit+'</h6>' + '<br />'+ cont_adress;
160			oMain.appendChild(oDiv);
161		}
162		
163		//myLocal
164		function myLocal(){
165			if(returnCitySN && returnCitySN.cname){
166				var _cityName = returnCitySN.cname;
167				var aOption = aInputs[0].getElementsByTagName('option');
168				for(var i=0; i<aOption.length; i++){
169					if(aOption[i].innerHTML.indexOf(_cityName)!=-1){
170						aOption[i].selected = true;	
171					}	
172				}	
173			};	
174		}
175		
176		//doSearch
177		function doSearch(){
178			var resultNum = 0;
179			var aDiv = oMain.getElementsByTagName('div');
180			
181			theKeyWords.innerHTML = '';
182			for(var i=0; i<aInputs.length; i++){
183				if(aInputs[i].value!='' && aInputs[i].value!=null && aInputs[i].value!='请选择'){
184					theKeyWords.innerHTML += '<b>'+aInputs[i].value+'</b> ';
185				}	
186			}
187			
188			//生成关键词
189			var result = ''
190			for(var i=0; i<aInputs.length; i++){
191				var valueV = aInputs[i].value;
192				if(valueV!=='请选择' && valueV!=''){
193					result += valueV;
194				}
195			}
196			
197			//检索关键词内容
198			oMain.innerHTML = '';
199			for(var i=0; i<myPageData.length; i++){
200				var arr = myPageData[i].pageKeys;
201				for(var j=0; j<arr.length; j++){
202					if(arr[j]==result){
203						resultNum++;
204						listPageCont(i);
205					}	
206				}
207			}
208			
209			var opp = document.getElementById('getNum');
210			opp.innerHTML = resultNum+'条';
211			
212			//生成分页
213			var pagingArea = document.getElementById('paging_area');
214			var pagingAreaBtns = pagingArea.getElementsByTagName('a');
215			var prePage = 10;
216			var pagingNum = Math.ceil(resultNum/prePage);
217			var nowNum = 0;
218			var acClass = 'nowAc';
219			//ctr_btns
220			var pagingBox = document.getElementById('paging_box');
221			var pagePrev = document.getElementById('pagePrev');
222			var pageNext = document.getElementById('pageNext');
223			var ctrBtns = myLab.getByClass(pagingBox,'ctrBtns');
224			
225			if(resultNum==0){
226				pagingArea.innerHTML = '';
227				if(pagingNum>1){
228					pagePrev.style.display = 'inline-block';
229					pageNext.style.display = 'inline-block';
230				}else{
231					pagePrev.style.display = 'none';
232					pageNext.style.display = 'none';
233					opp.innerHTML = '此地区暂无相关门店信息';
234				}
235				return false;	
236			}
237			
238			pagingArea.innerHTML = '';
239			for(var j=0; j<pagingNum; j++){
240				var oA = document.createElement('a');
241				oA.href = 'javascript:void(0)';
242				oA.innerHTML = j+1;
243				pagingArea.appendChild(oA);
244			}
245			
246			//分页内容状态
247			function contentPageStatue(){
248				myLab.addClass(pagingAreaBtns[nowNum],acClass);
249				
250				var aDivs = oMain.getElementsByTagName('div');
251				for(var j=0; j<aDivs.length; j++){
252					;(function(j){
253						if(j>=nowNum*prePage && j<(nowNum+1)*prePage){
254							//aDivs[j].style.background = '#F00';
255							aDivs[j].style.display = 'block';	
256						}else{
257							//aDivs[j].style.background = '#FFF';
258							aDivs[j].style.display = 'none';		
259						}	
260					})(j);
261				}
262				
263			}
264			contentPageStatue();
265			
266			//添加分页点击事件
267			for(var i=0; i<pagingAreaBtns.length; i++){
268				pagingAreaBtns[i].index = i;
269				myLab.bindEvent(pagingAreaBtns[i],'click',function(){
270					if(myLab.hasClass(this,acClass)){
271					}else{
272						myLab.removeClass(pagingAreaBtns[nowNum],acClass);
273						nowNum = this.index;
274						contentPageStatue();	
275					}	
276				});	
277			}
278			
279			function doPageMove(){
280				for(var i=0; i<pagingAreaBtns.length; i++){
281					myLab.removeClass(pagingAreaBtns[i],acClass);
282				}
283				myLab.hasClass(pagingAreaBtns[nowNum],acClass)
284				contentPageStatue();	
285			}
286			
287			myLab.bindEvent(pagePrev,'click',function(){
288			    nowNum--;
289				if(nowNum<0){
290					nowNum = 0;	
291				}
292				doPageMove();
293			});
294			myLab.bindEvent(pageNext,'click',function(){
295				nowNum++;
296				if(nowNum>pagingNum-1){
297					nowNum = pagingNum-1;	
298				}
299				doPageMove();
300			});	
301		}
302		
303		//默认检索
304		myLocal();
305		doSearch();
306		aInputs[0].onchange();
307		
308		//提交查询 点击
309		myLab.bindEvent(subBtn,'click',function(){
310			
311			doSearch();
312			
313		});
314			
315	}
316	
317});