根据输入动态插入表值?

时间:2013-12-09 18:09:05

标签: javascript html html-table

根据用户输入,我想生成一个矩阵/表格进行显示。这是html

HTML

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>  
    <title>lostBondUserPmtEntry</title>      


<body> 


   <form name="test" ><font face="Verdana"  size = "2">  
      <input name="Text1" type="text" /> score <br>
   <input type="submit" Name ="test" id="gp"/>  
   <input type="hidden" name="dateFactor">

       <table border="1">
<tr>
<td>sensitivity level</td>
    <td>criticality level</td>
    <td>priority level</td>
<td>Response time</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
    <td>high</td>
    <td>2 hours</td>
</tr>
</table>
</form>   
</body> 

DEMO

简短的算法是

如果得分为10(特定值),则使用预定义值填充表(具有列名的值显示在DEMO中)。我希望在特定按钮上生成表格。我可以调用函数,但我想知道如何在函数调用中附加表的html代码。

感谢。

1 个答案:

答案 0 :(得分:1)

要在表格中添加一行,您可以尝试以下内容:

function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        cell1.innerHTML = "cell 1 text";

        var cell2 = row.insertCell(1);
        cell2.innerHTML = "cell 2 text";

        var cell3 = row.insertCell(2);
        cell3.innerHTML = "cell 3 text";


}