<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'c.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var province = ["湖南",'江苏','四川'];
var city1 = [
['长沙','株洲','岳阳'],
['南京','抚顺','南岳'],
['重庆','成都','不知道']
];
onload = function()
{
var pro = document.getElementById("province");
var city = document.getElementById("city");
//这是将省加入到select中
for(i=0;i<province.length;i++)
{
pro.options[i] = new Option(province[i],i);
}
//这是将对应的是加进去
for(j=0;j<city1[0].length;j++)
{
var op = new Option(city1[0][j],j);
city.options.add(op);
}
}
function go()
{
var i = document.getElementById("province").selectedIndex;
var city = document.getElementById("city");
//下面两种方法都可以
//这是删除原来的市
city.length = 0;
//这也是删除原来的值
/*for(k = 0; k < city.options.length; k++)
{
city.options.remove(k);
}*/
//这是删除子元素
for(j=0;j<city1[i].length;j++)
{
//这是创建一个Option,第一个参数是<option value></option>之间的值,这个参数是option里面的value的值
var op = new Option(city1[i][j],j);
//这是将值加入到select中去
city.options[j] = op;
}
}
</script>
</head>
<body>
<span>
省:<select id="province" οnchange="go()">
</select>
市:<select id="city">
</select>
</body>
</html>