注意每行的select都不能同名
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table>
<form name="form1" method="post" action="">
<script language="javascript">var cities=new Array();
cities[0]=new Array("changsha","changde","yueyang");
cities[1]=new Array("wuhan","huangshi","yichang");
cities[2]=new Array("guangzhou","shenzhen");
cities[3]=new Array("nanning","liuzhou");function mysel(k)
{
eval("document.all.city"+k+".options.length=0");
for(i=0;i<eval("document.all.province"+k+".options.length");i++)
{
if(eval("document.all.province"+k+".options[i].selected"))
{
for(j=0;j<cities[i].length;j++)
{
eval("document.all.city"+k+".options.length++");
eval("document.all.city"+k+".options[document.all.city"+k+".options.length-1].value=cities[i][j]");
eval("document.all.city"+k+".options[document.all.city"+k+".options.length-1].text=cities[i][j]");
}
}
}
}
 
var k=0;
function addtr()
{
k++;
var tbl = document.all.tags("TABLE")[0];
var row = tbl.insertRow();
var cell=row.insertCell();
cell.innerHTML = "<table border=1 bordercolor=999999 bordercolordark=ffffff cellspacing=0 cellpadding=0 height=20 bgcolor=ffffff class=table2><tr>"+
"<td width=32 nowrap><input type=checkbox name=checkbox value=checkbox></td>"+
"<td width=46 nowrap>"+k+"0</td>"+
"<td width=58 nowrap><select name=province"+k+" onchange=mysel("+k+")>"+
"<option value=1>hunan"+
"<option value=2>hubei"+
"<option value=3>guangdong"+
"<option value=4>guangxi"+
"</select></td>"+
"<td width=34 nowrap><select name=city"+k+"></select></td>"+
"<td nowrap><input name=result size=6></td>"+
"</tr></table>";
}
</script>
</form>
</table>
<input type=button value="插入" onclick=addtr();>
</body>
</html>

解决方案 »

  1.   

    to seabell:修改了mysel()<html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <table>
    <form name="form1" method="post" action="">
    <script language="javascript">var cities=new Array();
    cities[0]=new Array("changsha","changde","yueyang");
    cities[1]=new Array("wuhan","huangshi","yichang");
    cities[2]=new Array("guangzhou","shenzhen");
    cities[3]=new Array("nanning","liuzhou");function mysel(k){
    var i=document.all("province"+k).selectedIndex;
    with(document.all("city"+k)){
    length=0
    for(j=0;j<cities[i].length;j++){
    length++;
    options[length-1].value=cities[i][j];
    options[length-1].text=cities[i][j];
    }
    }
    }
     
    var k=0;
    function addtr()
    {
    k++;
    var tbl = document.all.tags("TABLE")[0];
    var row = tbl.insertRow();
    var cell=row.insertCell();
    cell.innerHTML = "<table border=1 bordercolor=999999 bordercolordark=ffffff cellspacing=0 cellpadding=0 height=20 bgcolor=ffffff class=table2><tr>"+
    "<td width=32 nowrap><input type=checkbox name=checkbox value=checkbox></td>"+
    "<td width=46 nowrap>"+k+"0</td>"+
    "<td width=58 nowrap><select name=province"+k+" onchange=mysel("+k+")>"+
    "<option value=1>hunan"+
    "<option value=2>hubei"+
    "<option value=3>guangdong"+
    "<option value=4>guangxi"+
    "</select></td>"+
    "<td width=34 nowrap><select name=city"+k+"></select></td>"+
    "<td nowrap><input name=result size=6></td>"+
    "</tr></table>";
    }
    </script>
    </form>
    </table>
    <input type=button value="插入" onclick=addtr();>
    </body>
    </html>
      

  2.   

    qiushuiwuhen:你的方法简洁很多哦:)
    我刚才写的时候,就是觉得eval弄得我头昏眼花的
    with也很好
      

  3.   

    这是前几天发的帖子,很感谢你们,问题解决了,但现在又来了一个问题:这个页面提交后,在别一页中request.form("XXX")不能得到数据,现在非常头疼,不知道是什么原因,请各位帮忙。