省市级联的实现
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="" method="post">
籍贯:<select name="u_pro" id="u_pro" onchange="addCity()">
</select>
<select name="u_city" id="u_city">
</select>
</form>
</body>
<script type="text/javascript">
//javascript 中 关键看组合
var citys=new Array();
citys["山东省"]=["青岛市","济南市","烟台市","威海市"];
citys["江苏省"]=["南京","扬州","镇江"];
function init()
{
var pro=document.getElementById("u_pro");
//从数组中获取每一个下标
for(var i in citys)
{
var op=new Option(i,i);
pro.add(op);
}
addCity();
}
function addCity()
{
var c=document.getElementById("u_city");
//清空下拉列表中的项
c.options.length=0;
var p=document.getElementById("u_pro").value;
var city=citys[p];
for(var i in city)
{
var n=city[i];
var op=new Option(n,n);
c.add(op);
}
}
window.onload=init();
</script>
</html>