html京东购物车地址下拉选择框二级联动

实现二级联动的方式有很多，以下是一种常见的做法：

1. 在HTML中定义两个下拉选择框，分别用id属性命名，如下：

<label for="province">省份：</label>
<select id="province" name="province">
  <option value="">请选择</option>
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangdong">广东</option>
</select>

<label for="city">城市：</label>
<select id="city" name="city">
  <option value="">请选择</option>
</select>

2. 在JavaScript中编写代码，当省份选择框的值发生变化时，根据所选省份动态生成城市选项。

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

var cities = {
  beijing: ["朝阳区", "海淀区", "东城区"],
  shanghai: ["黄浦区", "浦东新区", "长宁区"],
  guangdong: ["广州市", "深圳市", "珠海市"]
};

provinceSelect.addEventListener("change", function() {
  // 清空城市选项
  citySelect.innerHTML = "<option value=\"\">请选择</option>";
  
  // 获取所选省份的值
  var province = this.value;
  // 如果所选省份存在城市选项，则动态生成城市选项
  if (cities[province]) {
    cities[province].forEach(function(city) {
      var option = document.createElement("option");
      option.value = city;
      option.textContent = city;
      citySelect.appendChild(option);
    });
  }
});

3. 根据实际需求调整代码，例如：

- 如果省份选项和城市选项不是固定的，可以通过Ajax动态获取数据。
- 如果需要将所选省份和城市的值提交到后端，可以在表单提交时获取它们的值，并将其作为表单数据一并提交。