用js做一个点击省的后面就出现市的效果出来,然后我点击四川省,后面方框出现成都市广安市一类可供选择的城市,谢谢。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//没有数据库,所以在这里创建数据
var city = new Array();//这是相当于一个二维数组city[ ][ ]
city["广东省"] = ["广州市", "深圳市", "茂名市", "珠海市", "湛江市"];
city["广西省"] = ["玉林市", "白色市", "桂林市"];
city["湖南省"] = ["长沙市", "岳阳市", "湘潭市"];
city["海南省"] = ["三亚市", "三沙市", "海口市"];
function sheng() {
var sheng = document.getElementById("sheng");//获取省份的下拉框
for(var i in city) {
sheng.add(new Option(i, i), null);//创建项option,其中第一个i是显示出来的值,后面那个是value值
}
}
window.onload = sheng; //加载页面的时候加载省份
function shi() {
var shi = document.getElementById("shi"); //获取市的下拉框
var sheng = document.getElementById("sheng").value; //获取省份的当前值
shi.options.length = 0; //设置市的长度为0,避免与上一次的重复
for(var i in city[sheng]) {
shi.add(new Option(city[sheng][i], city[sheng][i]), null); //赋值给市
}
}
</script>
</head>
<body>
<select id="sheng" onchange="shi()"><!-- //省得下拉框,当框内的值改变时调用shi()方法 -->
</select>
<select id="shi">
</select>
</body>
二级联动,三级联动啊。不过你是导入json数据更简单点