深圳市地区和街道的二级联动

1.html部分

区域：<select id="area_select">

<option value="全部区域">全部区域</option>
<option value="罗湖区">罗湖区</option>
<option value="福田区">福田区</option>
<option value="南山区">南山区</option>
<option value="盐田区">盐田区</option>
<option value="龙岗区">龙岗区</option>
<option value="宝安区">宝安区</option>
<option value="光明新区">光明新区</option>
<option value="龙华新区">龙华新区</option>
<option value="坪山新区">坪山新区</option>
<option value="大鹏新区">大鹏新区</option>
</select>

街道：<select id="street_select"></select>

2.js部分

function setStreetByArea(_this) {
            var area = _this.value, streetObj = {}, street = document.getElementById("street_select");
            streetObj["罗湖区"] = ["全部街道"];
            streetObj["福田区"] = ["全部街道"];
            streetObj["南山区"] = ["全部街道"];
            streetObj["福田区"] = ["全部街道"];
            streetObj["盐田区"] = ["全部街道"];
            streetObj["龙岗区"] = ["全部街道", "龙岗", "坪地", "龙城", "横岗", "南湾", "平湖", "坂田", "布吉"];
            streetObj["宝安区"] = ["全部街道", "新安", "西乡", "福永", "石岩", "沙井", "松岗"];
            streetObj["光明新区"] = ["全部街道", "光明", "公明", "光明街道"];
            streetObj["龙华新区"] = ["全部街道", "大浪", "观澜", "龙华", "民治"];
            streetObj["坪山新区"] = ["全部街道", "坪山", "坑梓"];
            streetObj["大鹏新区"] = ["全部街道", "葵涌", "大鹏", "南澳"];
            while (street.lastChild) {
                street.removeChild(street.lastChild);
            }
            for (i = 0; i < streetObj[area].length; i++) {
                street.options[i] = new Option();
                street.options[i].text = streetObj[area][i];
                street.options[i].value = streetObj[area][i];
            }
        }

3.选择某个区域时 联动获取街道

$("#area_select").change(function () {
                setStreetByArea(this);
            });