new153.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="new150.js"></script>
<script type="text/javascript">
function refresh()
{
var p = prov.value;
if(p == "")
{
city.length = 0;
city.options.add(new Option("--请选择城市"));
}
else
{
var url = "pack02.new154";
var params = "prov=" + prov.value;
sendRequest(url,params,'POST',show);
}
}
function show()
{
if(xmlHttpRequest.readyState == 4)
{
if(xmlHttpRequest.status == 200)
{
var cityList = xmlHttpRequest.responseText.split(",");
var cityNum = cityList.length;
city.length = 0;
for(i=0;i<cityNum;i++)
{
city.options.add(new Option(cityList[i]));
}
}
}
}
</script>
</head>
<body>
<form action="">
<select name="prov" id="prov" onchange="refresh();">
<option value="">--请选择省份</option>
<option value="山东">山东</option>
<option value="江苏">江苏</option>
<option value="广东">广东</option>
</select>
<select name="city" id="city">
<option>--请选择城市</option>
</select>
</form>
</body>
</html>