JS事件Day1

//事件三要素：事件,事件源,响应行为
/*
实现步骤：
1.监听城市select标签内容改变的事件
2.获取选中城市option标签中的value的值
3.获取区select,根据value的值来改变区select中的内容
*/
function changeArea() {
var cityName = document.getElementById("city");
var code = cityName.value;
var districtName = document.getElementById("district");
switch (code) {
case "fz":
districtName.innerHTML = "<option>鼓楼区</option><option>晋安区</option><option>仓山区</option><option>台江区</option>";
break;
case "xm":
districtName.innerHTML = "<option>同安区</option><option>翔安区</option><option>湖里区</option><option>思明区</option>";
break;
}
}

市:<select name="city" id="city" onchange="changeArea()">
<option value="fz">福州</option>
<option value="xm">厦门</option>
</select>
区：<select id="district">
<option>鼓楼区</option>
<option>晋安区</option>
<option>仓山区</option>
<option>台江区</option>
</select>