Есть вопрос от новичка в DOM и JavaScript
Прошу только не бейте ногами - очень надо, время поджимает.
Есть простой код: <script type="text/javascript"> function go() { ... } </script> </head> <body onload="document"> <table> <tr><td>Заголовок</td></tr> <tr><td><input type="text" name="text1" id="text1"/></td></tr> <tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr> </table> Как мне клонировать эту часть: <tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr> и поместить в конец таблицы. Т.е. надо при вводе в последнюю в столбце ячейку - генерировать следующую пустую ячейку. |
Цитата:
- Оставить ту часть в покое - Сделать табличку вот так <table> <tbody id='data'> <tr><td>Заголовок</td></tr> <tr><td><input type="text" name="text1" id="text1"/></td></tr> </tbody> <tbody> <tr><td><input type="text" name="text2" id="info" onchange="go()"/></td></tr> </tbody> </table> - Строки добавлять стандартно в тбоди с ИД-дата - Данные брать из нижнего тбоди, после чего их очищать (если нужно конечно) |
<head>
<script type="text/javascript">
function go()
{
// Получаем наш TBODY
var my_table = document.getElementById("my");
//Создаем строку
var new_tr = document.createElement("tr");
// Добовляем ячейку
new_tr.insertCell(-1);
// Присваиваем нашей ячейке такуюже строку
new_tr.cells[0].innerHTML="<td><input type='text' name='text2' id='text2' onchange='go()'/></td>";
// Добавляем строку в конец таблицы
my_table.appendChild(new_tr);
}
</script>
</head>
<body>
<table>
<thead>
<tr><td>Заголовок</td></tr>
</thead>
<tbody id="my">
<tr><td><input type="text" name="text1" id="text1"/></td></tr>
<tr><td><input type="text" name="text2" id="text2" onchange="go()"/></td></tr>
</tbody>
</table>
</body>
|
Большое спасибо.
|
| Часовой пояс GMT +3, время: 14:49. |