java下拉框填写省市县_下拉框选择省市区

您好！关于Java下拉框填写省市县，一般的做法是通过前端页面使用三个下拉框，分别表示选择省、市、县/区。用户先选择省份，然后根据省份的不同，动态加载该省份下的所有城市，用户再选择一个城市，再根据城市的不同，加载该城市下的所有县/区，用户最后选择一个县/区。

具体实现方法可以使用Ajax异步加载数据，通过后台查询数据库获取对应的省市县/区数据，然后在前端页面上动态生成下拉框选项，实现联动效果。

下面是一个简单的示例代码，供参考：

HTML页面：

<select id="province" name="province">
  <option value="">请选择省份</option>
</select>
<select id="city" name="city">
  <option value="">请选择城市</option>
</select>
<select id="county" name="county">
  <option value="">请选择县/区</option>
</select>

JavaScript代码：

$(function() {
  // 加载省份数据
  $.ajax({
    url : 'getProvinceData',// 后台获取省份数据的接口
    type : 'GET',
    dataType : 'json',
    success : function(data) {
      var options = '<option value="">请选择省份</option>';
      $(data).each(function() {
        options += '<option value="' + this.provinceCode + '">' + this.provinceName + '</option>';
      });
      $('#province').html(options);
    }
  });

  // 省份下拉框变化时，加载城市数据
  $('#province').change(function() {
    var provinceCode = $(this).val();
    if (provinceCode != '') {
      $.ajax({
        url : 'getCityData',// 后台获取城市数据的接口
        type : 'GET',
        dataType : 'json',
        data : {
          provinceCode : provinceCode
        },
        success : function(data) {
          var options = '<option value="">请选择城市</option>';
          $(data).each(function() {
            options += '<option value="' + this.cityCode + '">' + this.cityName + '</option>';
          });
          $('#city').html(options);
          $('#county').html('<option value="">请选择县/区</option>');
        }
      });
    } else {
      $('#city').html('<option value="">请选择城市</option>');
      $('#county').html('<option value="">请选择县/区</option>');
    }
  });

  // 城市下拉框变化时，加载县/区数据
  $('#city').change(function() {
    var cityCode = $(this).val();
    if (cityCode != '') {
      $.ajax({
        url : 'getCountyData',// 后台获取县/区数据的接口
        type : 'GET',
        dataType : 'json',
        data : {
          cityCode : cityCode
        },
        success : function(data) {
          var options = '<option value="">请选择县/区</option>';
          $(data).each(function() {
            options += '<option value="' + this.countyCode + '">' + this.countyName + '</option>';
          });
          $('#county').html(options);
        }
      });
    } else {
      $('#county').html('<option value="">请选择县/区</option>');
    }
  });
});

后台Java代码：

// 获取省份数据
@RequestMapping(value = "/getProvinceData", method = RequestMethod.GET)
@ResponseBody
public List<Province> getProvinceData() {
  List<Province> provinceList = provinceService.findAllProvinces();
  return provinceList;
}

// 获取城市数据
@RequestMapping(value = "/getCityData", method = RequestMethod.GET)
@ResponseBody
public List<City> getCityData(@RequestParam("provinceCode") String provinceCode) {
  List<City> cityList = cityService.findCitiesByProvinceCode(provinceCode);
  return cityList;
}

// 获取县/区数据
@RequestMapping(value = "/getCountyData", method = RequestMethod.GET)
@ResponseBody
public List<County> getCountyData(@RequestParam("cityCode") String cityCode) {
  List<County> countyList = countyService.findCountiesByCityCode(cityCode);
  return countyList;
}

需要注意的地方是，省市县/区的数据需要进行持久化存储，可以使用数据库或者其他方式进行存储。同时，需要在后台代码中提供相应的接口，供前端页面进行数据获取。