根据输入动态插入表值？答案

【问题标题】：Dynamically insert table values based upon input?根据输入动态插入表值？
【发布时间】：2013-12-11 00:42:28
【问题描述】：

根据用户输入，我想生成一个矩阵/表格进行显示。这是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

简单的算法是

如果 score 为 10（某个值），则使用预定义值填充表（带有列名的值显示在 DEMO 中）。我希望在特定按钮上生成表格。我可以调用函数，但我想知道如何在函数调用中附加表格的 html 代码。

谢谢。

【问题讨论】：

检查这个：jsfiddle.net/2E5YR/2
@Joke_Sense10 你的 for 循环真的很棒:) 但是，如果我按照下面的答案中解释的方式添加内部 html 代码，这不是更简单的方法吗？
我的解决方案只是硬编码..您可以使用以下答案..它简单而整洁..:)

标签： javascript html html-table

【解决方案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";


}

【讨论】：

tableID 是否有必要我在函数中传递它，我可以使用 getelementByID 以及使用引号获取它？
不，tableID 不是必需的。