Javascript将按钮添加到表格的下一行

时间:2011-05-15 03:46:19

标签: javascript button html-table cell

单击添加按钮时,我试图在每行的下一行显示一个添加按钮。目前我在单元格中得到一个空文本字段,我想要添加按钮。当点击添加按钮时,我需要在代码中更改以获取添加按钮而不是文本字段?

对于我目前拥有的添加按钮的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 个答案:

答案 0 :(得分:3)

bt.type = "button"

你忘了把它做成一个按钮。

或者你可以做

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

改为<button>