JQuery EasyUI Combobox 实现省市二级联动菜单

标签：easyui   jquery   二级联动菜单 省市联动菜单   

//编辑修改或新增页面联动可以这样写

jQuery(function(){ 
	// 省级 
	 $(‘#province‘).combobox({
		    valueField:‘itemvalue‘, //值字段
		    textField:‘itemtext‘, //显示的字段
		    url:‘/user/sort/province_list‘,
		    panelHeight:‘auto‘,
		    required:true,
		    editable:true,//不可编辑，只能选择
		    value:‘${user.province}‘,
		    onChange:function(province){
		    	//$(‘#city‘).combobox(‘clear‘);
		    	$(‘#city‘).combobox({
			    valueField:‘itemvalue‘, //值字段
			    textField:‘itemtext‘, //显示的字段
			    url:‘/user/sort/city_list?province=‘+province,
			    panelHeight:‘auto‘,
			    required:true,
			    editable:true,//不可编辑，只能选择
			    value:‘--请选择--‘
		 	});
		    }
		 });
	//县市区 
		 $(‘#city‘).combobox({
		    valueField:‘itemvalue‘, //值字段
		    textField:‘itemtext‘, //显示的字段
		    url:‘/user/sort/city_list?province=${user.province}‘,
		    panelHeight:‘auto‘,
		    required:true,
		    editable:true,//不可编辑，只能选择
		    value:‘${user.city}‘
		 });
	});

// 表单table
           
            地区 省级
            
                    
            
        
         
            地区  县市区
            
                    
            
        

查看页面 可以这样写

jQuery(function(){ 
	// 省级 
	 $(‘#province‘).combobox({
		    valueField:‘itemvalue‘, //值字段
		    textField:‘itemtext‘, //显示的字段
		    url:‘/user/sort/province_list‘,
		    panelHeight:‘auto‘,
		    required:true,
		    editable:false,//不可编辑，只能选择
		    value:‘${user.province}‘
		 });
	//县市区 
		 $(‘#city‘).combobox({
		    valueField:‘itemvalue‘, //值字段
		    textField:‘itemtext‘, //显示的字段
		    url:‘/user/sort/city_list?province=${user.province}‘,
		    panelHeight:‘auto‘,
		    required:true,
		    editable:false,//不可编辑，只能选择
		    value:‘${user.city}‘
		 });
	});

// 表单Table
    
            地区 省级
            
                    
            
        
         
            地区  县市区
            
                    
            
        

注意：联动的时候，最好给组合框都设置宽度，因为我做的时候发现不设置宽度，省级联动城市的时候，城市组合框宽度会越来越短，设置宽度

style="width: 128px"

JQuery EasyUI Combobox 实现省市二级联动菜单,搜素材,soscw.com

JQuery EasyUI Combobox 实现省市二级联动菜单

标签：easyui   jquery   二级联动菜单 省市联动菜单   

原文地址：http://blog.csdn.net/pqszq1314/article/details/25302597