最近在写个人网站的时候,个人信息完善界面,有个填写地址的需求,当然不能让人家自己输入,所以就需要提供选择,用HTML+jQuery写了个城市三级联动
源码
确定
/**
* 测试数据
*/
var provinces = new Array("安徽省","浙江省");
var citys = [["合肥市","芜湖市","马鞍山","黄山市"],["杭州市","温州","台州"]]
var areas = [[["包河区","瑶海区","蜀山区"],["镜湖区","弋江区"],["花山区","雨山区","当涂县"],["屯溪区","黄山区"]],
[["上城区","下城区","西湖区","临安"],["鹿城区","瓯海区","龙湾区"],["仙居","三门","天台"]]]
//填充省列表
for(var i=0;i
$("#province").append(""+provinces[i]+"")
}
//填充市列表
for(var i=0;i
$("#city").appe