JavaScript для добавления кнопки в следующую строку в таблице - PullRequest
Новая
       27

JavaScript для добавления кнопки в следующую строку в таблице

3 голосов
/ 15 мая 2011

Я пытаюсь заставить кнопку добавления появляться в следующей строке каждой строки при нажатии кнопки добавления.в настоящее время я получаю пустое текстовое поле в ячейке, где я хотел бы, чтобы появилась кнопка добавления.что мне нужно изменить в моем коде, чтобы получить кнопку добавления вместо текстового поля при нажатии кнопки добавления?

Для JavaScript кнопки добавления, который у меня есть на данный момент: 

     // button cell
  var cellRightSel = row.insertCell(3);
  var bt = document.createElement('input');
  bt.name = 'addBt' + iteration;
  bt.id = 'addBt' + iteration; 
  cellRightSel.appendChild(bt);

и HTML для страницы: 

<table border="1" id="tblSample">
<tr>
<th colspan="3">Sample table</th>
</tr>
<tr>

<td><input type="text" name="txtRow1"
 id="txtRow1" size="40"  /></td>



<td><input type="text" name="txtRow2"
 id="txtRow3" size="40"  /></td>



<td>
<select name="selRow0">
<option value="value0">text zero</option>
<option value="value1">text one</option>
</select>
</td>


<td><input type="button" value="Add" onclick="addRowToTable();" name="addBt0" /></td>


</tr>
</table>

1 Ответ

3 голосов
/ 15 мая 2011

bt.type = "button"

Вы забыли сделать это кнопкой.

В качестве альтернативы вы можете сделать

var bt = document.createElement('button');

, чтобы сделать <button> вместо.

...