在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