<body>
省份：
<select id="province">
<option value="">请选择</option>
<option value="吉林省">吉林省</option>
<option value="辽宁省">辽宁省</option>
<option value="山东省">山东省</option>
</select>
城市:
<select id="city">
<option value="">请选择</option>
</select>
</select>
</body>
<script type="text/javascript">
document.getElementById("province").οnchange=function(){
var city= document.getElementById("city");
var options=city.getElementsByTagName("option");
var len=options.length;
for(var z=1;z<len;z++){
city.removeChild(options[1]);
}
var provinceValue = this.value;
var cityArr;
if(provinceValue=="吉林省
这篇博客展示了如何利用JavaScript实现在网页中创建二级联动的下拉菜单，即根据用户选择的省份动态加载对应的城市列表。代码示例中，当用户在省份下拉菜单中选择省份后，城市下拉菜单会自动更新对应省内的城市选项。具体实现通过监听省份选择的变化，根据不同省份值填充城市列表。
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
