学习javascript的省市联动
<script type="text/javascript">
function zhang(){
var ji = document.getElementById("zhan");
var ha = ji.value;
var area = document.getElementById("zh");
switch(ha)
{
case "hn":area.innerHTML="<option>长沙市</option><option>衡阳市</option><option>娄底市</option>";
break ;
case "gd":area.innerHTML="<option>肇庆市</option><option>广州市</option><option>深圳市</option>";
break ;
case "fj":area.innerHTML="<option>厦门市</option><option>韶关市</option><option>泉州市</option>";
break ;
default:alert("error");
}
};
</script>
<body>
<select id="zhan" onchange="zhang()">
<option value="hn">湖南</option>
<option value="gd">广东</option>
<option value="fj">福建</option>
</select>
<select id="zh">
<option>长沙市</option>
<option>广州市</option>
<option>厦门市</option>
</select>
</body>
1，省市联动是经常出现在生活中，如：淘宝，京东，苏宁等等，那么它用JS如何实现呢？
首先在html部分写两个下拉框，一个是代表省份，一个代表市，并为其设置id名为：zhan，第二个id为：zh。在zhan下拉框中添加onchange事件，响应名为zhang的一个函数，onchange事件就是点击省份下拉框改变之后会触发的事件，然后跳转zhang函数内容
2，zhan函数内容
通过document.getElementById("zhan")获取id名为zhan的对象，就是第一个下拉框，然后把它重命名ji，然后ji.value获取下拉框的内容，就是确定所选取的省份内容，就是"hn"，"gd"，"fj" ，并将该内容赋值给ha变量，然后获取第二个下拉框，命名为area;在通过switch语句选择第二个下拉框的内容，获取的c的值为"湖南"时，执行
case "hn":area.innerHTML="<option>长沙市</option><option>衡阳市</option><option>娄底市</option>";
break ;
case "gd":area.innerHTML="<option>肇庆市</option><option>广州市</option><option>深圳市</option>";
break ;
case "fj":area.innerHTML="<option>厦门市</option><option>韶关市</option><option>泉州市</option>";
break ;
