增加新一行时,第一列选择好SELECT单选框后,第二列相应的数值出错,是什么原因?

我是想在点击后增加新一行.行里面有两列.第一列是一个SELECT的单选框,第二列是相应的数值.
<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>
得到的结果都是乱的.比如在另增加新一行,当选择好TWO后,后面的框出来的不是预计得到的结果2,而是前一行选择的结果1.