做了一个点击后可以增加一行的下拉单选框, 为什么在第二次点击时找不到OPTION的参数了?

主要是id重名要用数组方式取的问题
<html>
<head>
<script language="javascript" type="text/javascript">
<!-- function AddRowArg(tablename){
tablename = document.getElementById(tablename);
    var newRow = tablename.insertRow(-1);    var Cel1Select = newRow.insertCell(0);
Cel1Select.innerHTML = '<select id="argment" ></select>';

var oop = new Array();
oop[1] = "un";
oop[2] = "deux";
oop[3] = "trois"; var argment = document.all.argment;
if(argment.length){argment = argment[argment.length-1];} argment.options[0] = new Option("-Faites un choix-","0");
for(var i=1; i<oop.length; i++){
argment.options[i] = new Option(oop[i],oop[i]);
} var CellVar = newRow.insertCell(1);
    CellVar.innerHTML = '<input type="text" id="valbox" >'; var CellCom = newRow.insertCell(2);
    CellCom.innerHTML = '<input type="text" >';
}
-->
    </script>
</head><body>
    <table border="1" id="tablearg">
<tr><td>11111</td>
<td>22222</td>
<td>33333</td></tr>
</table><br> <form name="fbody"  method="post">
<input type="button"  value="Addition" OnClick="AddRowArg('tablearg')">
</form></body>
</html>

解决方案 »

  1.   

    后来又有新的问题了.
    <html>
    <head>
    <script language="javascript" type="text/javascript">
    <!-- 
    var oop = new Array();
    oop[1] = "one";
    oop[2] = "two";
    oop[3] = "three";
    var toop = new Array();
    toop[1]  = "1";  
    toop[2]  = "2";  
    toop[3]  = "3";  function AddRowArg(tablename){
    this.tablename = document.getElementById("tablename");
        var newRow = tablename.insertRow(-1);    var Cel1Select = newRow.insertCell(0);
    Cel1Select.innerHTML = '<select id="argument" style="border-right:none; border-lower:none; border-bottom:1 solid #000000" onchange="getValue(argument)" >';

    var argument = document.all.argument;
    if(argument.length){argument = argument[argument.length-1];} argument.options[0] = new Option("-Faites un choix-","0");
    for(var i=1; i<oop.length; i++){
    argument.options[i] = new Option(oop[i],oop[i]);
    } var CellVar = newRow.insertCell(1);
        CellVar.innerHTML = '<input type="text" id="valbox" style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000" size="10">';}
    function getValue(argument){
    this.argument = document.getElementById("argument");
    valbox.value = toop[argument.selectedIndex];
    } -->
        </script>
    </head><body>
        <table border="1" id="tablearg">
    <tr><td>11111</td>
    <td>22222</td></tr>
    </table><br> <form name="fbody"  method="post">
    <input type="button"  value="Addition" OnClick="AddRowArg(tablearg)">
    </form></body>
    </html>
    得到的结果都是乱的.比如在另增加新一行,当选择好ONE后,后面的框出来的不是预计得到的结果1,而是前一行选择的结果.