这篇博客介绍了如何使用JavaScript创建二级联动的下拉菜单。通过创建data对象存储数据，使用for循环添加province元素，然后在province选择变化时动态插入city元素。在实现过程中，详细讲解了JavaScript的DOM操作，如createElement()、appendChild()、selectedIndex等，并讨论了解决选中项残留的bug，提供了两种解决方案：removeChildren()和DHTML的暴力方法。
在html部分只写两个select标签 option标签将用js的方法写入
onchange:内容发生改变事件 用于select下拉菜单中后的内容发生改变时候的触发
<body>
<select id="province" onchange="func1(this)">
</select>
<select id="city"></select>
</body>核心部分就是js里面的内容：
创建一个对象data来存储数据
data = {"河北省":["邯郸","廊坊"],"北京":["海淀","朝阳"],"陕西":["延安","西安"]}首先通过for循环来添加第一级里面的内容（province）
var pro = document.getElementById("province");
for(var i in data){
var option_pro = document.createElement("option"); //创建option
最低0.47元/天 解锁文章
948
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
