二级联动

$(function(){
    	city();
    	time();
    	 }); 

    function city(){
    	$('#town').combobox({    
    	    valueField:'id',    
    	    textField:'text',
    	    panelHeight:"auto",
    	    editable:false
    	});
    	$("#cityshow").show();
    	$("#citynone").hide();
    	 $('#town').combobox("setValue","全省");
     
     $("#city").combobox({  
           onSelect: function (param) { 
        	   if(param.value == "province1"){
        		   $("#cityshow").show();
        		   $("#citynone").hide();
        		   $('#town').combobox({    
        			    valueField:'id',    
        			    textField:'text',
        			    panelHeight:"auto",
        			    editable:false
        			});
        		   $('#town').combobox("setValue","全省");
        		   $('#town').combobox("loadData",[{"id":"2","text":"全省"}]) 
        	   }
        	   else if (param.value == "province2") {
        		   $("#cityshow").show();
        		   $("#citynone").hide();
        		   $('#town').combobox({    
        			    valueField:'id',    
        			    textField:'text',
        			    panelHeight:"auto",
        			    editable:false
        			});
        		   $('#town').combobox("setValue","所有区");
        		   $('#town').combobox("loadData",[{"id":"2","text":"陕北"},{"id":"3","text":"关中"},{"id":"4","text":"陕南"}]) 
        	   }else if (param.value == "province3") {
        		   $("#cityshow").show();
        		   $("#citynone").hide();
        		   $('#town').combobox({    
        			    valueField:'id',    
        			    textField:'text',
        			    panelHeight:"auto",
        			    editable:false
        			});
        		   $('#town').combobox("setValue","所有地市");
        		   $('#town').combobox("loadData",[{"id":"2","text":"西安"},{"id":"3","text":"咸阳"},{"id":"4","text":"宝鸡"},{"id":"5","text":"渭南"}
        		   ,{"id":"6","text":"铜川"},{"id":"7","text":"安康"},{"id":"8","text":"汉中"},{"id":"9","text":"商洛"},{"id":"10","text":"榆林"},{"id":"11","text":"延安"}
        		   ])
        	   }else if (param.value == "province4") {
        		   $("#cityshow").show();
        		   $("#citynone").hide();
        		   $('#town').combobox({    
        			    valueField:'id',    
        			    textField:'text',
        			    panelHeight:"auto",
        			    editable:false
        			});
        		   $('#town').combobox("setValue","所有果区");
        		   $('#town').combobox("loadData",[{"id":"2","text":"苹果"},{"id":"3","text":"梨"},{"id":"4","text":"石榴"},{"id":"5","text":"猕猴桃"}
        		   ,{"id":"6","text":"红枣"},{"id":"7","text":"葡萄"},{"id":"8","text":"樱桃"},{"id":"9","text":"柑橘"},{"id":"10","text":"核桃"},{"id":"11","text":"板栗"},{"id":"12","text":"柿子"}
        		   ])
        	   }else if (param.value == "province5") {
        		   $('#station').combobox({
        			   	method :'get',
        			    url:'../zhandian.json',
        			    valueField:'id',    
        			    textField:'text',
        			   
        			    editable:false
        			});
        		   $("#cityshow").hide();
        			$("#citynone").show();
        		   $('#station').combobox("setValue","所有站点");
        		   
        	   }       
           }  
            
     })	
    }

下拉框:
监测站点:<select id="city" class="easyui-combobox" name="city" panelHeight="auto" style="width: 87px;">
				<option value="province1">全省</option>
				<option value="province2">分区</option>
				<option value="province3">分地市</option>
				<option value="province4">分果区</option>
				<option value="province5">分站点</option>
	   </select>
	   <input id="town" name="town"  class="easyui-combobox" data-options="valueField:'id',textField:'text'" style="width: 87px;">  

js:

 $(function(){
	 $('#town').combobox({    
		    valueField:'id',    
		    textField:'text',
		    pannelHeight:"auto"
		});
	 $('#town').combobox("loadData",[{"id":"1","text":"全省"}])
	 $("#city").combobox({  
	       onSelect: function (param) {  
	    	   if (param.value == "province2") {
	    		   $('#town').combobox({    
	    			    valueField:'id',    
	    			    textField:'text',
	    			    panelHeight:"auto"
	    			});
	    		   $('#town').combobox("loadData",[{"id":"1","text":"所有区"},{"id":"2","text":"陕北"},{"id":"3","text":"关中"},{"id":"4","text":"陕南"}]) 
	    	   }else if (param.value == "province3") {
	    		   $('#town').combobox({    
	    			    valueField:'id',    
	    			    textField:'text',
	    			    panelHeight:"auto"
	    			});
	    		   $('#town').combobox("loadData",[{"id":"1","text":"所有地市"},{"id":"2","text":"西安"},{"id":"3","text":"咸阳"},{"id":"4","text":"宝鸡"},{"id":"5","text":"渭南"}
	    		   ,{"id":"6","text":"铜川"},{"id":"7","text":"安康"},{"id":"8","text":"汉中"},{"id":"9","text":"商洛"},{"id":"10","text":"榆林"},{"id":"11","text":"延安"}
	    		   ])
	    	   }else if (param.value == "province4") {
	    		   $('#town').combobox({    
	    			    valueField:'id',    
	    			    textField:'text',
	    			    panelHeight:"auto"
	    			});
	    		   $('#town').combobox("loadData",[{"id":"1","text":"所有果区"},{"id":"2","text":"苹果"},{"id":"3","text":"梨"},{"id":"4","text":"石榴"},{"id":"5","text":"猕猴桃"}
	    		   ,{"id":"6","text":"红枣"},{"id":"7","text":"葡萄"},{"id":"8","text":"樱桃"},{"id":"9","text":"柑橘"},{"id":"10","text":"核桃"},{"id":"11","text":"板栗"},{"id":"12","text":"柿子"}
	    		   ])
	    	   }else if (param.value == "province5") {
	    		   $('#town').combobox({    
	    			    valueField:'id',    
	    			    textField:'text',
	    			    panelHeight:"auto"
	    			});
	    		   $('#town').combobox("loadData",[{"id":"1","text":"所有站点"},{"id":"2","text":"安康"},{"id":"3","text":"白河"},{"id":"4","text":"白水"},{"id":"5","text":"宝鸡"}
	    		   ,{"id":"6","text":"彬县"},{"id":"7","text":"长安"},{"id":"8","text":"长武"},{"id":"9","text":"陈仓"},{"id":"10","text":"城固"},{"id":"11","text":"澄城"},{"id":"12","text":"淳化"}
	    		   ,{"id":"13","text":"大荔"},{"id":"14","text":"丹凤"},{"id":"15","text":"定边"},{"id":"16","text":"凤县"},{"id":"17","text":"凤翔"},{"id":"18","text":"佛坪"},{"id":"19","text":"扶风"}
	    		   ])
	    	   }       
	       }          
	    }) 
	 });


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值