注意每行的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>
<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>
<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>
我刚才写的时候,就是觉得eval弄得我头昏眼花的
with也很好