二级联动下拉列表 问题？？？急求助 谢谢大家了！
<%@ page language="java" contentType="text/html;charset=GBK"%>
<%@ include file="/include/header.inc"%>
<!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">
//定义一个二维数组aArray,用于存放城市名称。
var aCity=new Array();
aCity[0]=new Array();
aCity[1]=new Array();
aCity[2]=new Array();
aCity[3]=new Array();
//赋值，每个省份的城市存放于数组的一行。
aCity[0][0]="--请选择--"
aCity[1][0]="--请选择--"
aCity[1][1]="商场(市场)";
aCity[1][2]="宾馆";
aCity[1][3]="珠海市";
aCity[1][4]="汕头市";
aCity[1][5]="佛山市";
aCity[2][0]="--请选择--"
aCity[2][1]="长沙市";
aCity[2][2]="株州市";
aCity[2][3]="湘潭市";
aCity[3][0]="--请选择--"
aCity[3][1]="杭州市";
aCity[3][2]="苏州市";
aCity[3][3]="温州市";
function ChangeCity()
{var i,iProvinceIndex;
iProvinceIndex=document.form1.optProvince.selectedIndex
iCityCount=0;
while (aCity[iProvinceIndex][iCityCount]!=null) iCityCount++;//计算选定省份的城市个数
document.form1.syxz.length=iCityCount;//改变下拉菜单的选项数
for (i=0;i <=iCityCount-1;i++)//改变下拉菜单的内容
document.form1.syxz[i]=new Option(aCity[iProvinceIndex][i]);
document.form1.syxz.focus()
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="xfjd!save.action">
<input type="hidden" name="xfjd.xfjd_id" value=" <ww:property value="xfjd.xfjd_id"/>"/>
<table width="100%" border="0" cellspacing="1" cellpadding="2" bgcolor="#009966">
<td> <div align="center">使用性质 </div> </td>
<td colspan="2" width="90%">
<ww:if test="xfjd.xfjd_id == null">
<SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()>
<OPTION value="%">--请选择-- </OPTION>
<OPTION>广东省 </OPTION>
<OPTION>湖南省 </OPTION>
<OPTION>浙江省 </OPTION>
</SELECT>
<SELECT name="syxz" SIZE="1"> 这块怎么传 正常是 name=xfjd.syxz 但是JS 里这么写就不行了！
<OPTION >--请选择-- </OPTION>
</SELECT>
</ww:if>
<ww:else>
<input type"text" name="xfjd.syxz" value=" <ww:property value="xfjd.syxz"/>" readonly/>
</ww:else>
</td>
</tr>
[解决办法]
- HTML code
请选择省<select name=sheng onchange="change()"> <option value="湖南">湖南</option> <option value="广东">广东</option> <option value="江西">江西</option> </select>请选择市 <select name="shi"> </select> <script> function change() { // 定义城市 var city=[ ["长沙","株洲","湘乡"], ["广洲","深圳","东莞","中山"], ["南昌","萍乡","井冈山"] ]; //得到省 var sheng = document.getElementById("sheng"); //得到选定的编号 var index = sheng.selectedIndex; //清空市 var shi = document.getElementById("shi"); shi.options.length=0; //循环添加市 for (var i=0;i<city[index].length;i++) { //实例化新的选项 var op = new Option( city[index][i], city[index][i]); //添加到市 shi.options.add(op); } } onload = change; </script>