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>