通过jQuery完成对省市二级联动的实现
<script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
//创建二维数组,存储省份和城市
var citys = new Array(4);
citys[0] = new Array("东城区", "西城区", "崇文区", "宣武区", "朝阳区");
citys[1] = new Array("长沙市", "株洲市", "湘潭市", "岳阳市", "永州市");
citys[2] = new Array("南京市", "常州市", "徐州市", "无锡市", "苏州市");
citys[3] = new Array("广州市", "深圳市", "佛山市", "汕头市", "中山市");
$("#province").change(function() {
$("#city").empty();
var cityItem = this.value;
//遍历二维数组
$.each(citys, function(i, n) {
if (cityItem == i) {
$.each(citys[i], function(a, b) {
$("#city").append("<option>" + b + "</option>");
});
}
});
});
});
</script>