javascript省市级联代码

以下是一个简单的JavaScript省市级联代码的示例：

// 省份数据
var provinces = [
  { name: "北京市", cities: ["北京市"] },
  { name: "上海市", cities: ["上海市"] },
  { name: "广东省", cities: ["广州市", "深圳市", "珠海市"] },
  // 其他省份数据...
];

// 城市数据
var cities = {
  "北京市": ["东城区", "西城区", "朝阳区", "海淀区"],
  "上海市": ["黄浦区", "徐汇区", "静安区", "普陀区"],
  "广州市": ["天河区", "越秀区", "海珠区", "荔湾区"],
  "深圳市": ["福田区", "罗湖区", "南山区", "宝安区"],
  "珠海市": ["香洲区", "斗门区", "金湾区"],
  // 其他城市数据...
};

// 省份下拉框
var provinceSelect = document.getElementById("province");
// 城市下拉框
var citySelect = document.getElementById("city");

// 初始化省份下拉框
for (var i = 0; i < provinces.length; i++) {
  var option = document.createElement("option");
  option.text = provinces[i].name;
  provinceSelect.add(option);
}

// 省份下拉框改变事件
provinceSelect.addEventListener("change", function() {
  // 清空城市下拉框
  citySelect.innerHTML = "";

  // 获取选中的省份
  var selectedProvince = provinceSelect.value;

  // 根据选中的省份获取对应的城市数据
  var selectedCities = cities[selectedProvince];

  // 初始化城市下拉框
  for (var i = 0; i < selectedCities.length; i++) {
    var option = document.createElement("option");
    option.text = selectedCities[i];
    citySelect.add(option);
  }
});

这段代码实现了一个简单的省市级联功能。当选择省份时，城市下拉框会根据选中的省份动态更新显示对应的城市列表。