怎么把javascript动态生成的行和列封装到数组中并获得动太生成的行和列的数据和限制动太生成的行数？

这里是我写的代码：
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
allCount=0;
//添加行和列的方法
function addRow(){ 
allCount=parseInt(table1.rows.length);
var tr = table1.insertRow(-1); 
allCount++;
/*td = tr.insertCell(); 
td.innerHTML=""+allCount+"";*/
var td = tr.insertCell(); 
td.innerHTML = "<select name='select2'><option value='0'>成人</option><option value='1'>儿童</option></select>"; 
td = tr.insertCell(); 
td.innerHTML="<input name='textfield' type='text' size='10' />";
var td = tr.insertCell(); 
td.innerHTML = "<select name='select3' style='width:100px;'><option value='0' selected='selected'>身份证</option><option value='1'>护照</option><option value='2'>港澳通行证</option><option value='3'>军官证</option><option value='4'>回乡证</option><option value='5'>台胞证</option><option value='6'>国际海员证</option><option value='7'>外国人永久居留证</option><option value='8'>其他</option></select>"; 
td = tr.insertCell(); 
td.innerHTML="<input name='textfield' type='text' size='13' />";
var td = tr.insertCell(); 
td.innerHTML = "<select name='select4' style='width:140px;'><option value='0' selected='selected'>无</option><option value='1'>中国国际航空公司知音卡</option><option value='2'>中国东方航空公司东方万里行卡</option><option value='3'>中国南方航空公司明珠卡</option><option value='4'>海南航空公司金鹏卡</option><option value='5'>深圳航空公司金鹏知音俱乐部</option><option value='6'>四川航空公司蜀卡</option><option value='7'>厦门航空公司白鹭卡</option><option value='8'>上海航空公司常旅客卡</option><option value='9'>山东航空公司旅客卡</option><option value='10'>奥凯航空公司旅客卡</option><option value='11'>中国联合航空公司旅客卡</option><option value='12'>云南祥鹏航空公司</option><option value='13'>大新华快运航空公司旅客卡</option><option value='14'>鹰联航空公司</option><option value='15'>东星航空公司</option><option value='16'>吉祥航空公司</option><option value='17'>西部航空公司</option><option value='18'>华夏航空公司旅客卡</option><option value='19'>大新华航空公司</option><option value='20'>金鹿航空公司</option></select>"; 
td = tr.insertCell(); 
td.innerHTML="<input name='textfield' type='text' size='13' />";
td = tr.insertCell(); 
td.innerHTML="<input name='textfield' type='text' size='13' />";
td=tr.insertCell();
td.innerHTML="<input type='button' value='删除' onclick='deleteRow(this)' />";
td=tr.insertCell();
td.innerHTML="<input type='button' value='保存' onclick='' />";
td=tr.insertCell();
td.innerHTML="<input type='button' value='查找' onclick='' />";
} 
//删除当前行的方法
function deleteRow(btn){ 
var tr = btn.parentNode.parentNode; 
table1.deleteRow(tr.rowIndex); 
} 
//function delline(lineid)
//{
//for(i=0;i<listtable.rows.length;i++)
//{
//for(j=0;j<listtable.rows[i].cells.length;j++)
//{
//if(listtable.rows[i].cells[j].id==lineid.id)
//{
//listtable.deleteRow(i);
//return;
//}
//}
//}
//}
//function save()
//{
//var arrayObj = new Array();　
//for(i=0;i<allCount.lenght;i++)
//{

//}
//}
</script><style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
-->
</style></head><body>
<table width="789" border="0" id="tables" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="88">乘机人信息</td>
    <td colspan="9">请准确填写乘机人信息(姓名、证件号码)，以免在办理登机时发生问题。</td>
  </tr>
  <tr>
    <td colspan="10">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="47%">乘机人数共人，总金额：儿童票经济舱半价设置乘机人数：
            <select name="select">
              <option value="1" selected="selected">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
            </select></td>
          <td width="13%">维护乘机人资料</td>
          <td width="9%"><input type="button" value="增加" onclick="addRow()" /> </td>
          <td width="9%"><input type="button" value="清空" onclick="" /></td>
          <td width="20%">&nbsp;</td>
          <td width="2%">&nbsp;</td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td colspan="10">*乘机人如有儿童必须有成年乘客陪同，否则不能预定！
      <!--zgx edit 2008-10-->
    年龄在2-12岁的属于儿童。如要预定0-2岁的婴儿，请与客服联系！特价机票不能退改签</td>
  </tr>
  <tr>
    <td width="88">类型</td>
    <td width="42">姓名</td>
    <td width="98">证件类型</td>
    <td width="92">证件号码</td>
    <td width="139">常旅客卡类型</td>
    <td width="97">常旅客卡号</td>
    <td width="150">手机</td>
    <td width="48">&nbsp;</td>
    <td width="35" colspan="2" align="center">操作</td>
  </tr>
  <tr>
    <td colspan="10">
<table width="100%" border="0" cellspacing="0" cellpadding="00" id="table1">
      <tr>
        <td width="7%"><select name="select2">
          <option value="成人">成人</option>
          <option value="儿童">儿童</option>
        </select>        </td>
        <td width="12%"><input name="textfield" type="text" size="10" /></td>
        <td width="13%"><select name="select3" style="width:100px;">
          <option value="0" selected="selected">身份证</option>
          <option value="1">护照</option>
          <option value="2">港澳通行证</option>
          <option value="3">军官证</option>
          <option value="4">回乡证</option>
          <option value="5">台胞证</option>
          <option value="6">国际海员证</option>
          <option value="7">外国人永久居留证</option>
          <option value="8">其他</option>
        </select>        </td>
        <td width="12%"><input name="textfield2" type="text" size="13" /></td>
        <td width="18%"><select name="select4" style="width:140px;">
          <option value="0" selected="selected">无</option>
          <option value="1">中国国际航空公司知音卡</option>
          <option value="2">中国东方航空公司东方万里行卡</option>
          <option value="3">中国南方航空公司明珠卡</option>
          <option value="4">海南航空公司金鹏卡</option>
          <option value="5">深圳航空公司金鹏知音俱乐部</option>
          <option value="6">四川航空公司蜀卡</option>
          <option value="7">厦门航空公司白鹭卡</option>
          <option value="8">上海航空公司常旅客卡</option>
          <option value="9">山东航空公司旅客卡</option>
          <option value="10">奥凯航空公司旅客卡</option>
          <option value="11">中国联合航空公司旅客卡</option>
          <option value="12">云南祥鹏航空公司</option>
          <option value="13">大新华快运航空公司旅客卡</option>
          <option value="14">鹰联航空公司</option>
          <option value="15">东星航空公司</option>
          <option value="16">吉祥航空公司</option>
          <option value="17">西部航空公司</option>
          <option value="18">华夏航空公司旅客卡</option>
          <option value="19">大新华航空公司</option>
          <option value="20">金鹿航空公司</option>
        </select>        </td>
        <td width="12%"><input name="textfield3" type="text" size="13" /></td>
        <td width="12%"><input name="textfield4" type="text" size="13" /></td>
        <td width="10%"><input type="button" value="删除" /></td>
        <td width="10%"><input type="button" value="保存" /></td>
        <td width="10%"><input type="button" value="查找" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>现在的问题是当我点击《增加》按钮时，它会一直添加行，但是，现在我需要让当我们点击《增加》按钮时它中能增加9行数据，并把我们输入的数据添加到一个数组里保存！请高手帮忙！

解决方案 »

  1.   

    你可以动态加9行啊，每一个<tr>设置一个id（可以前面一样，后面加个数序号也可以吧），这样你可以用childnodes来获取每个<tr>下的TAG的值
    如果你以后没什么业务上的改变的话，可以用顺序来放这些元素值吧，这么做只能简单的解决这个问题，如果要让程序健壮性更强的话就得换了，具体我也没做过，愚见。