Я пытаюсь добавить/удалить строки таблицы после этот пример и этот пример.
Здесь мой код:
HTML-форма
<div id="POItablediv">
<input type="button" id="addPOIbutton" value="Add POIs"/><br/><br/>
<table id="POITable" border="1">
<tr>
<td>POI</td>
<td>Latitude</td>
<td>Longitude</td>
<td>Delete?</td>
<td>Add Rows?</td>
</tr>
<tr>
<td>1</td>
<td><input size=25 type="text" id="latbox" readonly=true/></td>
<td><input size=25 type="text" id="lngbox" readonly=true/></td>
<td><input type="button" id="delPOIbutton" value="Delete" onclick="deleteRow(this)"/></td>
<td><input type="button" id="addmorePOIbutton" value="Add More POIs" onclick="insRow()"/></td>
</tr>
</table>
</div>
JavaScript
function deleteRow(row)
{
var i=row.parentNode.parentNode.rowIndex;
document.getElementById('POITable').deleteRow(i);
}
function insRow()
{
var x=document.getElementById('POITable').insertRow(1);
var c1=x.insertCell(0);
var c2=x.insertCell(1);
c1.innerHTML="NEW CELL1";
c2.innerHTML="NEW CELL2";
}
Теперь, как видите, в моей таблице есть текстовые поля и кнопки. Что я хочу:
-
Просто повторить структуру строки. Я не могу сделать это прямо сейчас, так как innerHTM просто принимает тексты. Как вставить текстовое поле или метку?
-
Идентификаторы текстовых полей также должны быть разными, так как я буду получать значения позже, чтобы поместить их в базу данных.
-
Я хочу добавить функцию для увеличения числа POI, а также
Может ли кто-нибудь помочь мне, пожалуйста?