请帮忙看看我想修改一个函数该怎么改？谢谢

Question

<input type="button" value="增加一条数据" onClick="addIt()" />
<form method="post" action="text.asp" id="myForm">
  <table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
<td bgcolor="#FFFFFF">商品名称</td>
<td bgcolor="#FFFFFF">订货数量</td>
<td bgcolor="#FFFFFF">备注</td>
</tr>
<tr> <div>
  <td bgcolor="#FFFFFF"><input type="text" name="myName" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName2" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName3" /></td>
  </div>
</tr>  </table>
<input type="submit" value="确定" name="mySubmit" />
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function addIt(){
var myForm = $("myForm");
var mySubmit = $("mySubmit");
var myDiv = document.createElement("div");
var myInput = document.createElement("input");
myInput.setAttribute("type","Text");
myInput.setAttribute("name","myName");
myInput.setAttribute("name","myName2");
myInput.setAttribute("name","myName3");
myForm.insertBefore(myDiv,mySubmit);
myDiv.appendChild(myInput);
}
</script>这段代码红色部分是我自己加上去的,原本的代码在点击'增加一行'的时候会自动再添加一行. 但是由于原本的代码只有一个文本框,无法满足我的需求,我需要3列的数据，所以我就自己改成表格2行3列去试试,看能不能显示点击'增加一行'的时候3列同时增加.结果失败....希望有人能帮帮我,看看如何修改呢?

Answer 1

<input type="button" value="增加一条数据" onClick="addIt()" />
<form method="post" action="text.asp" id="myForm">
  <table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
<td bgcolor="#FFFFFF">商品名称</td>
<td bgcolor="#FFFFFF">订货数量</td>
<td bgcolor="#FFFFFF">备注</td>
</tr>
<tr> <div>
  <td bgcolor="#FFFFFF"><input type="text" name="myName" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName2" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName3" /></td>  </div>
</tr>  </table>
<input type="submit" value="确定" name="mySubmit" />
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function addIt(){
var myForm = $("myForm");
var mySubmit = $("mySubmit");
var myDiv = document.createElement("div");
var myInput = document.createElement("input");
myInput.setAttribute("type","Text");
myInput.setAttribute("name","myName");
myInput.setAttribute("name","myName2");
myInput.setAttribute("name","myName3");
myForm.insertBefore(myDiv,mySubmit);
myDiv.appendChild(myInput);
}
</script>

Answer 2

function addIt(){
var myForm = $("myForm");
var mySubmit = $("mySubmit");
var myDiv = document.createElement("div");
var myInput = document.createElement("input");
myInput.setAttribute("type","Text");
myInput.setAttribute("name","myName");
myDiv.appendChild(myInput);var myInput2 = document.createElement("input");
myInput2.setAttribute("type","Text");
myInput2.setAttribute("name","myName2");
myDiv.appendChild(myInput2);var myInput3 = document.createElement("input");
myInput3.setAttribute("type","Text");
myInput3.setAttribute("name","myName3");
myDiv.appendChild(myInput3);myForm.insertBefore(myDiv,mySubmit);}

Answer 3

<input type="button" value="增加一条数据" onClick="addIt()" />
<form method="post" action="text.asp" id="myForm">
    <table id="tab" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
        <tr>
            <td bgcolor="#FFFFFF">
                商品名称
            </td>
            <td bgcolor="#FFFFFF">
                订货数量
            </td>
            <td bgcolor="#FFFFFF">
                备注
            </td>
        </tr>
        <tr>
            <td bgcolor="#FFFFFF">
                <input type="text" name="myName" />
            </td>
            <td bgcolor="#FFFFFF">
                <input type="text" name="myName2" />
            </td>
            <td bgcolor="#FFFFFF">
                <input type="text" name="myName3" />
            </td>
        </tr>
    </table>
    <input type="submit" value="确定" name="mySubmit" />
</form>
</body></html>
<script language="javascript" type="text/javascript">
    function $(obj) {
        return document.getElementById(obj);
    }
    function addIt() {
        var tb = $("tab");
        var row = tb.insertRow();
        var cell = row.insertCell();
        cell.innerHTML = "<input type='text' name='myName' />";
cell.bgcolor="#FFFFFF";
        var cell = row.insertCell();
        cell.innerHTML = "<input type='text' name='MyName1' />";
cell.bgcolor="#FFFFFF";
        var cell = row.insertCell();
        cell.innerHTML = "<input type='text' name='MyName3' />";
cell.bgcolor="#FFFFFF";
alert(tb.innerHTML);
    }
</script>

Answer 4

<input type="button" value="增加一条数据" onClick="addIt()" />
<form method="post" action="text.asp" id="myForm">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" id="myTable">
<tr>
<td bgcolor="#FFFFFF">商品名称</td>
<td bgcolor="#FFFFFF">订货数量</td>
<td bgcolor="#FFFFFF">备注</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><input type="text" name="myName" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName2" /></td>
<td bgcolor="#FFFFFF"><input type="text" name="myName3" /></td>
</tr>
</table>
<input type="submit" value="确定" name="mySubmit" />
</form>
<script language="javascript" type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function addIt(){
var myTable = $("myTable");
var myRow = document.createElement("TR");
var td1=createtd(),td2=createtd(),td3=createtd();
td1.appendChild(createtextbox('name'))
td2.appendChild(createtextbox('name2'))
td3.appendChild(createtextbox('name3'))
myRow.appendChild(td1);
myRow.appendChild(td2);
myRow.appendChild(td3);
myTable.appendChild(myRow);
}
function createtextbox(name){
var $o=document.createElement("INPUT");
$o.setAttribute("type","Text");
$o.setAttribute("name",name);
return $o;
}
function createtd(){
return document.createElement("TD");
}
</script>

Answer 5

<script language="javascript" type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function addIt(){
var myTable = $("myTable");
var myRow = document.createElement("TR");
var td1=createtd(),td2=createtd(),td3=createtd();
td1.appendChild(createtextbox('name'))
td2.appendChild(createtextbox('name2'))
td3.appendChild(createtextbox('name3'))
myRow.appendChild(td1);
myRow.appendChild(td2);
myRow.appendChild(td3);
myTable.appendChild(myRow);
}
function createtextbox(name){
    var $o=document.createElement("INPUT");
    $o.setAttribute("type","Text");
    $o.setAttribute("name",name);
    return $o;
}
function createtd(){
    return document.createElement("TD");
}
</script>