js selece二级联动的代码
时间: 2024-04-06 10:23:29 浏览: 109
可以提供一些 js select 二级联动的代码,例如:
HTML 代码:
```
<select id="province">
<option value="">请选择省份</option>
<option value="1">北京市</option>
<option value="2">上海市</option>
<option value="3">广东省</option>
</select>
<select id="city" disabled>
<option value="">请选择城市</option>
</select>
```
JavaScript 代码:
```
var cityList = {
"1": ["东城区", "西城区", "朝阳区"],
"2": ["黄浦区", "徐汇区", "长宁区"],
"3": ["广州市", "深圳市", "珠海市"]
};
var province = document.getElementById("province");
var city = document.getElementById("city");
province.addEventListener("change", function() {
var selectedProvince = this.value;
if (selectedProvince) {
city.disabled = false;
city.innerHTML = "<option value=''>请选择城市</option>";
cityList[selectedProvince].forEach(function(item) {
var option = document.createElement("option");
option.textContent = item;
option.value = item;
city.appendChild(option);
});
} else {
city.disabled = true;
city.innerHTML = "<option value=''>请选择城市</option>";
}
});
```
这是一个简单的 js select 二级联动的实现,当用户选择省份后,城市的选项会根据选择的省份动态更新。
阅读全文