html添加省市县联动下拉框,JSON+JS实现省市县三级联动下拉框

之前开发项目中，需求涉及到省市县的三级联动下拉框，但是网上的方法多数以XML+JS的方法，但是该方法可能会存在浏览器兼容问题，虽然有这个方面的解决方法，但我试过，效果不是很好，于是我找了一个JSON的实现方法，并进行了修改

1、json数据，存放了全国省市县三级的数据。如下为部分数据

2、Area.js，关键的JS代码

3、页面代码(JSP、HTML)

三级地市联动菜单

$(document).ready(function() {

Area.init('area.json');

var area = new Area('#areaContainer');

area.select([ '请选择', '请选择' ]);

$('#getValueBtn').click(function() {

alert(area.getAddress());

});

});

body {

font-size: 14px;

font-family: simsun;

margin: 0;

}