用json实现省市级联效果

可以使用以下代码实现省市级联效果：

HTML代码：

<select id="province">
  <option value="">请选择省份</option>
  <option value="北京市">北京市</option>
  <option value="上海市">上海市</option>
  <option value="广东省">广东省</option>
  <option value="江苏省">江苏省</option>
</select>

<select id="city">
  <option value="">请选择城市</option>
</select>

JavaScript代码：

var cityData = {
  "北京市": ["北京市"],
  "上海市": ["上海市"],
  "广东省": ["广州市", "深圳市", "珠海市", "汕头市", "韶关市"],
  "江苏省": ["南京市", "苏州市", "无锡市", "常州市", "徐州市"]
};

var province = document.getElementById("province");
var city = document.getElementById("city");

province.addEventListener("change", function() {
  var selectedProvince = province.value;
  city.innerHTML = "<option value=''>请选择城市</option>";
  if (selectedProvince !== "") {
    var cities = cityData[selectedProvince];
    for (var i = 0; i < cities.length; i++) {
      var option = document.createElement("option");
      option.value = cities[i];
      option.innerHTML = cities[i];
      city.appendChild(option);
    }
  }
});

这段代码使用了一个名为cityData的对象，其中包含了各个省份对应的城市列表。当用户选择一个省份时，JavaScript代码会根据该省份对应的城市列表动态生成城市下拉框的选项。