若依RuoYi框架中增加和修改页面如何实现省市县地址的三级联动功能

1.实现省市县地址三级联动，页面效果如下：

2.业务要求介绍：在该业务中，增加和修改页面有省市县三个下拉框，三个下拉框需有联动功能，且选完之后，不仅得到省市县的编码，而且也能得到相对应的省市县名称，最后提交一起保存到数据库中。

3.增加页面的代码如下：

a.省市县三个下拉框增加页面标签代码如下：

    
 
 省份名称：
   

    
     --请选择省份--
    
   


    
 
 城市名称：
  

   
	--请选择市区--
   
  


    
 
 区县名称：
  

   
	--请选择县城--
   
  

b.增加页面实现下拉数据显示和三级联动效果JS中的代码如下：

4.修改页面的代码如下：

a.省市县三个下拉框修改页面标签代码如下：

    
   
	省份名称：
	

		
			--请选择省份--
		
	

 
    
	
	城市名称：
	

		
		   --请选择市区--
		
	


    
	
	区县名称：
	

		
			--请选择县城--
		
	

b.修改页面实现下拉数据显示和三级联动效果JS中的代码如下：

5.提示如下：

a.代码中调取方法都是同一个方法，因为我在后台全部写成了一个方法，可以根据传参的有无得到不同的数据集合的。

b.此次用的省市县的地址资源是存于一张表中，直接调取后台方法进行查询的。