烦死了,很简单的,当JS中下拉选项改变时,请求ASP文件,出错.

实现功能:当第一个下拉列表改变时,动态改变第二个下拉表列表选项.
错误表现:当第一个列表改变时,第二个列表ASP列表并没有改变,且第二个列表并不是显示相应选项,而是全部显示.
我是JS初学者,对ASP一点也不了解,仲未学到ASP.对着书本代码查了很多次,不知错在哪.
我把JS文件\ASP文件放在同一个同一个IIS文件夹,IIS运行正常,可能正常吧.
多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!多谢!!
js代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript"><!--function settown(){
var town=myForm.province.value;
window.frames[0].location.href="sample03.asp?townName="+town;}//--></script> 
</head><body>
<form name="myForm">
<select name="province" onchange="settown()">
<option value="hunan" >湖南</option>
<option value="guangdong" >广东省</option>
<option value="hebei" >河北</option>
</select>
<iframe src="sample03.asp?townName=hunan" scrolling="no" frameborder="0" height="18" width="100">
</iframe>

</form>
</body>
</html>
ASP代码:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>城市</title>
</head><body style="margin:0px">
<select name="town">
<%
townName=request.QueryString("townName")
if townName="hunan" then
%>
<option value="changsha">长沙市</option>
<option value="hengyang">衡阳市</option>
<option value="zhuzhou">株洲市</option>
<%
els if townName="guangdong" then
%>
<option value="guangzhou">广州市</option>
<option value="qingyuan">清远市</option>
<option value="zhaoqing">肇兴市</option>
<%
els if townName="hebei" then
%>
<option value="shijiazhuang">石家庄</option>
<option value="baoding">保定市</option>
<option value="zhangjiakou">张家口市</option>
<%
endif
%>
</select>
</body>
</html>
我认为是ASP文件错了,就是不知错在哪.多谢!