Javascript怎么实现省市级联动

实现省市级联动的方法如下：

1. 在 HTML 中定义两个下拉框，一个用于选择省份，一个用于选择城市。
2. 在 JavaScript 中定义一个数组，包含所有省份及其对应的城市。
3. 给省份下拉框绑定 onchange 事件，当省份选择发生变化时，根据选择的省份动态生成城市下拉框的选项。
4. 根据选择的省份，在数组中查找对应的城市列表，动态生成城市下拉框的选项。

以下是示例代码：

HTML：

<select id="province">
  <option value="">请选择省份</option>
  <option value="北京">北京</option>
  <option value="上海">上海</option>
  <option value="广东">广东</option>
  <!-- 其他省份选项 -->
</select>

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

JavaScript：

// 定义省份和城市的数组
var cityData = {
  '北京': ['北京市'],
  '上海': ['上海市'],
  '广东': ['广州市', '深圳市', '珠海市', '汕头市', '韶关市', '佛山市', '江门市', '湛江市', '茂名市', '肇庆市', '惠州市', '梅州市', '汕尾市', '河源市', '阳江市', '清远市', '东莞市', '中山市', '潮州市', '揭阳市', '云浮市']
  // 其他省份和城市列表
};

// 给省份下拉框绑定 onchange 事件
var provinceSelect = document.getElementById('province');
var citySelect = document.getElementById('city');
provinceSelect.onchange = function() {
  // 清空城市下拉框的选项
  citySelect.innerHTML = '<option value="">请选择城市</option>';
  // 获取选择的省份
  var province = provinceSelect.value;
  // 根据省份查找对应的城市列表
  var cities = cityData[province];
  // 动态生成城市下拉框的选项
  for (var i = 0; i < cities.length; i++) {
    var option = document.createElement('option');
    option.value = cities[i];
    option.innerHTML = cities[i];
    citySelect.appendChild(option);
  }
};