如何將表單中的值添加到表格中？

Question

我需要將表單中給定的值添加到表中，如何使用java腳本實現此目的。

我已經包含代碼。到目前爲止我所做的一切。

在這裏，我創建的窗體和兩個命令按鈕添加和刪除行，

現在我需要的是，我在我創建應該反省，我創建表的形式輸入值。

請幫助我達成此目的。

<script language="javascript"> 
    function deleteRow(i) 
    { 
    document.getElementById('table1').deleteRow(i) 
    } 
    function addRow() 
    { 
    var tbody = document.getElementById("table1").getElementsByTagName("tbody")[0]; 
    var row = document.createElement("TR"); 
    var cell1 = document.createElement("TD"); 
    var inp1 = document.createElement("INPUT"); 
    inp1.setAttribute("type","text"); 
    inp1.setAttribute("value",""); 
    cell1.appendChild(inp1); 
    var cell2 = document.createElement("TD"); 
    var inp2 = document.createElement("INPUT"); 
    inp2.setAttribute("type","text"); 
    inp2.setAttribute("value",""); 
    cell2.appendChild(inp2); 
    var cell3 = document.createElement("TD"); 
    var inp3 = document.createElement("INPUT"); 
    inp3.setAttribute("type","text"); 
    inp3.setAttribute("value",""); 
    cell3.appendChild(inp3); 
    var cell4 = document.createElement("TD"); 
    var inp4 = document.createElement("INPUT"); 
    inp4.setAttribute("type","button"); 
    inp4.setAttribute("value","Delete"); 
    inp4.setAttribute("onClick", "deleteRow(this.parentNode.parentNode.rowindex)"); 
    cell4.appendChild(inp4); 

    row.appendChild(cell1); 
    row.appendChild(cell2); 
    row.appendChild(cell3); 
    row.appendChild(cell4); 
    tbody.appendChild(row); 

    //alert(row.innerHTML); 
    } 
    </script> 

    <tr> 
    <td> 
    F.Name : &nbsp; 
    </td> 
    <td><input type="text" value="" id="fname"></td> 
    </tr> 
    <br> <br> 
    <tr> 


    <td> 
    L.Name : &nbsp; 
    </td> 

    <td><input type="text" value="" id="lname"></td> 
    </tr> 
    <br> <br> 
    <tr> 

    <td> 
    items : &nbsp; &nbsp; 
    </td> 
    <td width="98"><select name="select" id="item"> 
     <option value="item1" selected="selected">item1</option> 
     <option value="item2">item2</option> 
     <option value="item3">item3</option> 
     <option value="item4">item4</option> 
     <option value="item5">item5</option> 

     </select></td> 

    </tr> 
    <br> <br> 
    <input type="button" value="Add Row" onClick="addRow();"> 
    <br> <br> 
    <table id="table1"> 
    <tbody> 
    <tr> 
    <td><input type="text" value=""></td> 
    <td><input type="text" value="" width="10"></td> 
    <td><input type="text" value="" width="10"></td> 

    <td><input type="button" value="Delete"   onclick="deleteRow(this.parentNode.parentNode.rowIndex)"> 

    </td> 
    </tr> 
    </tbody> 
    </table> 

Answer 1

您正在創建行手動那麼你爲什麼不還管理一個ID邏輯將生成和管理ID的動態分配給列，那麼你可以填補他們很容易只是你需要做到這一點呢。

document.getelementbyID("IDofElement").innerHTML = your content. 

，你一定會需要利用一個邏輯的，將產生和分配ID的動態elemets