在php和codeigniter中生成文本框

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

试试这个（新代码）

<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> 

Answer 2

您可以尝试jQuery append method或行的JavaScript - >HTML DOM appendChild() Method