如何实现在表后追加记录？

Question

如何实现当单击“添加记录”的时候能够在表单下面自动增加一行空白行，用于手工添加记录用？
请大家给个思路，并且如果可以能否提供一个源码？

Answer 1

用jqurey吧,你可以google一下有很多

Answer 2

楼主可以看看，是不是这种，这种方式没AJAX好，但写起来方便些<table cellspacing="0" cellpadding="2" border="0" class="box-table" width="780">
<tr>
<th colspan="10"> <? echo $y;?>年<? echo $m;?>月</th>
</tr>
<tr>
<th width="25%"> 料號</th>
<th width="20%"> 客戶</th>
<th width="15%"> 數量</th>
<th width="10%"> 單位</th>
<th width="20%"> 金額</th>
<th width="10%"> 操作</th>
</tr>
<?
$money=0;
$cm="";
$result=mysql_db_query($db_name,$cm,$cn);
while($rs=mysql_fetch_object($result)){
$money=$money+$rs->money;
if($active=='edit' and $id==$rs->id and $username==$rs->user){
?>
<form name="frm" method="post" action="">
<input type="hidden" name="active" value="<? echo $active;?>">
<input type="hidden" name="id" value="<? echo $id;?>">
<tr>
<td><input type="text" name="pn" size="15" maxlength="20" value="<? echo $rs->pn;?>"></td>
<td>
<select name='client'>
<option value=""></option>
<?
$sql = "select code from client order by code";
echo sel_list_sql($sql,"code",'',$rs->client);
?>
</select>
</td>
<td><input type="text" name="number" size="10" maxlength="20" value="<? echo $rs->number;?>"></td>
<td> <? echo get_unit($rs->pn);?></td>
<td> <? echo $rs->money;?></td>
<td><input type="submit" name="submit" value="保存"></td>
</tr>
</form>
<? }else{ ?>
<tr>
<td> <? echo $rs->pn;?></td>
<td> <? echo $rs->client;?></td>
<td> <? echo $rs->number;?></td>
<td> <? echo get_unit($rs->pn);?></td>
<td> <? echo $rs->money;?></td>
<td>
<a href="?active=edit&id=<? echo $rs->id;?>">修改</a> |
<a href=# onclick='if(window.confirm("請確認此操作...")){this.href="?active=del&id=<?=$rs->id?>";return true;}else{return false;}'>删除</a>
</td>
</tr>
<? } ?>
<? } ?><? if($active=='add' and $y==$ny and $m==$nm){ ?>
<form name="frm" method="post" action="">
<input type="hidden" name="active" value="<? echo $active;?>">
<input type="hidden" name="ny" value="<? echo $ny;?>">
<input type="hidden" name="nm" value="<? echo $nm;?>">
<tr>
<td><input type="text" name="pn" size="15" maxlength="20"></td>
<td>
<select name='client'>
<option value=""></option>
<?
$sql = "select code from client order by code";
echo sel_list_sql($sql,"code");
?>
</select>
</td>
<td><input type="text" name="number" size="10" maxlength="20"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="保存"></td>
</tr>
</form>
<? } ?>
<tr>
<td colspan="3"> <a href="?active=add&ny=<? echo $y;?>&nm=<? echo $m;?>">增加</a></td>
<td> 總計:</td>
<td colspan="2"> <? echo $money;?></td>
</tr>
</table>

Answer 3

是不是php语言 就没有这种函数？

Answer 4

<table cellspacing="0" cellpadding="0" border="0" width="100%" id="itemtable">
      <tr>
        <td >添加记录</td>
      </tr>
</table>
<input type="button" value="addRows" onclick="addRows()">
<script language="javascript">
<!--
function addRows(){
var objRow = document.getElementById('itemtable').insertRow(-1);
var objCell = objRow.insertCell(-1);
objCell.innerHTML = '<input type="text" name="notes[]" />';
}
-->
</script>提交以后台获取值读notes数组就行.

Answer 5

这个不难.
其实就是js追加一行.可以用dom来做,也可以利用table本身的属性来做.
参看一下我的blog.
http://blog.sevenight.com/index.php?m=blog&a=show&id=67

Answer 6

1. 可以 用 JS 实现 table 行的添加 ..2. 可以用 ajax 实现 table 或者 是 div (其它标签) 的添加