根據輸入動態插入表值？

基於用戶輸入，我想生成一個矩陣/表進行顯示。下面是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

簡要ALGO是

如果得分 10（一定值）填充表與預定義的值（這些具有列名稱的值在DEMO中顯示）。我想要在特定的按鈕上生成表格。我可以調用函數，但我想知道如何在函數調用中附加表格的html代碼。

謝謝。

來源

2013-12-09 user3066819

檢查：HTTP：//jsfiddle.net/2E5YR/2/ –

@ Joke_Sense10你真的用for循環真棒：）但是，嘿，這是不是更簡單的方法，如果我只是附加內部HTML代碼去解釋下面的答案？ – user3066819

我的解決方案只是硬編碼..你可以用下面的答案..它的簡單和整潔.. :) –

要添加一行到表你可以嘗試這樣的事：

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"; 


}

來源

2013-12-09 18:29:24 LorenzoR

tableID是必要的，我通過它的功能，我可以得到它使用getelementByID以及使用引號？ – user3066819

不，tableID不是必需的。 – LorenzoR

根據輸入動態插入表值？

回答

相關問題