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

最新推荐文章于 2023-07-25 20:38:09 发布

SoLove1314

最新推荐文章于 2023-07-25 20:38:09 发布

阅读量8.5k

点赞数 1

分类专栏： JQuery EasyUI 文章标签： easyui jquery 二级联动菜单省市联动菜单

本文链接：https://blog.csdn.net/pqszq1314/article/details/25302597

版权

本文介绍了如何利用JQuery EasyUI的Combobox组件创建省市二级联动菜单。在编辑和查看页面中，通过设置适当的宽度以避免联动过程中出现的城市组合框宽度异常问题。

摘要由CSDN通过智能技术生成

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

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:'--请选择--'
		 	});
		    }
		 });
	//县市区 
		 $(