Question

我想在单击按钮时动态生成表格中的一行文本框。例如，我有一个表格可以输入列表项目。当我单击添加按钮时，会在表格中插入一个新行。可以请帮帮我。我正在研究php和codeigniter ..

愚蠢是我用来生成行的脚本。

<SCRIPT language="javascript">
function changeIt()
{
var i = 1;
my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'+ i>"

i++;
}
</SCRIPT>

<table align="center" name="table">
<tr>
<td>Code</td>
<td>Name</td>
<td>Quantity</td>
<td>Price</td>
<INPUT type="button" value="Add" onclick="changeIt()"/>
</tr>
</table>
<div id="my_div">
<table>
<tr>
<td></td>
</tr>
</table>

这一次只生成一个文本框。我需要连续显示一个文本框吗？

Answer 1

您可以尝试jQuery append method或排javascript - ＆gt; HTML DOM appendChild() Method

Answer 2

试试这个（新代码）

<SCRIPT language="javascript">
var i = 1;
function changeIt()
{
    var my_div = document.getElementById("my_div");
    var row = "<tr> <td> <input type='text' name='mycode_"+i+"'></td><td><input type='text' name='myname_"+i+"'></td><td><input type='text' name='myquantity_"+i+"'></td> <td><input type='text' name='myprice_"+i+"'></td> </tr>";
    my_div.innerHTML = my_div.innerHTML +row;
    i++;
}
</SCRIPT>

<table align="center" name="table" id="my_div" border="2">
<tr>
<td>Code</td>
<td>Name</td>
<td>Quantity</td>
<td>Price</td>
<INPUT type="button" value="Add" onclick="changeIt()"/>
</tr>
</table>

生成php和codeigniter中的文本框

2 个答案: