Динамически вставлять значения таблиц на основе ввода?

Основываясь на пользовательском вводе, я хочу сгенерировать матрицу/таблицу для отображения. Вот 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 вы действительно удивительным с петлями для:), но эй, это не самый простой способ, если я просто добавлю внутренний 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

Динамически вставлять значения таблиц на основе ввода?

ответ

Смежные вопросы