用jQuery写了一个省市联动的代码，废话不多说，看代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<title>省市联动</title>
</head>
<body>
<select id="province">
<option>请选择省份</option>
</select>
<select id="city">
<option>请选择城市</option>
</select>
<script type="text/javascript">
jQuery(document).ready(function(){
//加载省信息
jQuery.post(
"json/json-array-of-province.json",
function(data_p){
for(var i=0;i<data_p.province.length;i++){
jQuery("#province").append('<option value='+data_p.province[i].code+'>'+data_p.province[i].name+'</option>');
}
},
"json"
);
//当省改变的时候加载城市信息
jQuery("#province").change(function(){
jQuery("#city").html("");
jQuery.post(
"json/json-array-of-city.json",
function(data_c){
for(var j=0;j<data_c.city.length;j++){
var provinceNum = jQuery("#province").val();
if (provinceNum.substring(0, 2) == data_c.city[j].code.substring(0, 2)){
jQuery("#city").append('<option value='+data_c.city[j].code+'>'+data_c.city[j].name+'</option>');
}
}
},
"json"
);
});
}
);
</script>
</body>
</html>
?项目中用到的jQuery库和省市信息的json数据随附件一并送上！
1 楼
aa00aa00
2012-04-25
谢谢提供例子
2 楼
123629996
2012-05-02
aa00aa00 写道
谢谢提供例子
客气，能帮助到你不胜荣幸！
3 楼
mickeylight
2012-07-12
下下来后。index.html打开，没有效果呀？
4 楼
123629996
2012-07-20
mickeylight 写道
下下来后。index.html打开，没有效果呀？这个没有问题的，请检查浏览器是否允许执行javascript脚本