省城市地区选择

//<tr>
//    <td align="right">
//        <label>省份：</label>
//    </td>
//    <td>
//        <select name="owner.provId" id="provIdSelect" onchange="province_change(this.value)">
//            <option value="">-请选择-</option>
//            <option value="100">北京</option>
//            <option value="200">江苏省</option>
//            <option value="300">浙江省</option>
//            <option value="400">广东省</option>
//        </select>
//        <input type="hidden" value="" maxlength="80" id="_provIddefault">
//            <i>
//                <font color="red">*</font>
//            </i>
//        </td>
//    </tr>
//    <tr>
//        <td align="right">
//            <label>城市：</label>
//        </td>
//        <td>
//            <select class="valid" name="owner.cityId" id="cityIdSelect" onchange="city_change(this.value)">
//                <option value="">-请选择-</option>
//            </select>
//            <input type="hidden" value="" maxlength="80" id="_cityIddefault">
//                <i>
//                    <font color="red">*</font>
//                </i>
//            </td>
//        </tr>
//        <tr>
//            <td align="right">
//                <label>区：</label>
//            </td>
//            <td>
//                <select class="valid" name="owner.areaId" id="areaIdSelect">
//                    <option value="">-请选择-</option>
//                </select>
//                <input type="hidden" value="" maxlength="80" id="_areaIddefault">
//                    <i>
//                        <font color="red">*</font>
//                    </i>
//                </td>
//            </tr>
//区列表
var areaList={
"v1001":[['10011',"dd1",true],['10012',"ww1"],['10013',"rr1"]],
"v1002":[['10021',"daad1",true],['10022',"waaw1"],['10023',"raar1"]],
"v2001":[["20011","鼓楼区",true],["20012","白下区"],["20013","浦口区"]],
"v2002":[["20021","锡山东区",true],["20022","锡山西区"],["20023","锡山北区"]],
"v2003":[["20031","兴化市",true],["20032","泰兴区"],["20033","大邹区"]],
"v3001":[["30011","杭州东区",true],["30012","杭州南区"],["30013","杭州西区"]],
"v3002":[["30021","嘉善区",true],["30022","主城区"],["30023","嘉兴大区"]],
"v3003":[["30031","嘉善区",true],["30032","主城区"],["30033","嘉兴大区"]],
"v4001":[["40011","海珠区",true],["40012","天河区"],["40013","番禺区"],["40014","花都区"]],
"v4002":[["40021","南山区",true],["40022","福田"],["40023","罗湖"],["40024","盐田"],["40025","宝安"],["40026","龙岗"],["40027","光明"],["40027","公明"]]
};

//市列表
var cityList={
"v100":[['1001',"北京东城区",true],['1002',"北京西城区"]],
"v200":[['2001',"南京市" ,true],['2002',"无锡市" ],['2003',"泰州市" ]],
"v300":[['3001',"杭州市" ,true],['3002',"嘉兴市" ]],
"v400":[['4001',"广州市" ,true],['4002',"深圳市" ]]
};

//省列表
var province = [{"100":"北京","200":"江苏省","300":"浙江省","400":"广东省"}] ;

function initSelect(options){
var provId = options["provId"];
var cityId = options["cityId"];
var areaId = options["areaId"];
provinceInit(provId);
cityInit(provId,cityId);
areaInit(provId,cityId,areaId);
}

//初始化省
function provinceInit(provId){
var provElement = document.getElementById("provIdSelect");
for (var j in province){
for (var key in province[j]){
option = new Option(province[j][key],key);
option.selected = (provId == key);
provElement.add(option);
}
}
}

//初始化市
function cityInit(provId,cityId){
var cityElement = document.getElementById("cityIdSelect");
var options = cityList["v"+provId] || {} ;
for(var j in options){
option = new Option(options[j][1],options[j][0]);
option.selected = (cityId == options[j][0]);
cityElement.add(option);
}
}

//初始化区
function areaInit(provId,cityId,areaId){
var areaElement = document.getElementById("areaIdSelect");
var cityoptions = cityList["v"+provId] || {} ;

for(var j in cityoptions){
if(cityoptions[j][0] == cityId ){
var options = areaList["v"+cityId] || {} ;
for(var j in options){
option = new Option(options[j][1],options[j][0]);
option.selected = (areaId == options[j][0]);
areaElement.add(option);
}
}
}
}

//组装province
function assembleProvinceOptions(){

for (var j in province){
for (var key in province[j]){
option = new Option(province[j][key],key);
option.selected = (provId == key);
provElement.add(option);
}
}
}

//选择省事件
function province_change(v){
var cityElement = document.getElementById("cityIdSelect");
cityElement.innerHTML = "";
if(v!=""){
var citys = cityList["v"+v];
for (var i=0; i<citys.length; i++)
{
option = new Option(citys[i][1],citys[i][0]);
if(citys[i].length==3&&citys[i][3]==true){
option.selected = true;
}
cityElement.add(option);
}
} else {
option = new Option("-请选择-","");
cityElement.add(option);
}

city_change(cityElement.value);
}

//选择市事件
function city_change(v){
window.console.log(v);
var areaElement = document.getElementById("areaIdSelect");
areaElement.innerHTML = "";
if(v!=""){
var areas = areaList["v"+v];
for (var i=0 ;i<areas.length; i++){
option = new Option(areas[i][1],areas[i][0]);
if(areas[i].length==3&&areas[i][3]==true){
option.selected = true;
}
areaElement.add(option);
}
} else {
option = new Option("-请选择-","");
areaElement.add(option);
}

}