![图片说明](https://img-ask.csdn.net/upload/201502/11/1423664440_145410.png)
想每次在表单的末尾新生成新的一行,但每次都是在表单的开始位置插入新生成的行,刚开始玩jquery,哪位能指导一下?多谢。
代码如下:
var jq = $.noConflict();
//另外一种
jq(function() {
jq("#addOneRow").click(function() {
var tempTr = jq("tr:first").next().clone(true);
jq("tr:last").after(tempTr);
jq("#create:last > td > #name").val("");//新添加行name为空
jq("#create:last > td > #address").val("");//新添加行address为空
});
jq(".delOneRow").click(function() {
alert("tr="+jq("tr").length)
if (jq("tr").length <3) {
alert("至少保留一行!");
} else {
if (confirm("确认删除?")) {
jq(this).parent().parent().remove();
}
}
});
});
页面代码:
<spring:url value="/insertForm/insertForm.html" var="formUrl" />
<form:form modelAttribute="fm" action="${fn:escapeXml(formUrl)}"
method="get" class="form-horizontal" id="form1">
<fieldset>
<table border="1">
<tr>
<td>产品名称</td>
<td>价格</td>
<td>数量</td>
<td>类型</td>
<td>联系人</td>
<td>进货日期</td>
<td>其他</td>
</tr>
<tr id="create">
<td>姓名:</td>
<td><input type="text" id="name" name="name" /></td>
<td>地址:</td>
<td><input type="text" id="address" name="address" /></td>
<td><input type="button" class="delOneRow" value="删除" /></td>
</tr>
</table>
<input type="button" id="addOneRow" value="添加一行" />
<button type="submit" >提交</button>
会的请指点一下,多谢
jquery 添加一行表单,无法添加到 末尾
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- danielinbiti 2015-02-11 14:40关注
改成下面这样,原来你加的是最后一行,但一直清空的是第一行。所以造成错觉加在第一行了
jq("#addOneRow").click(function() { var tempTr = jq("tr:first").next().clone(true); jq("tr:last").after(tempTr); jq("tr:last > td > #name").val("");//新添加行name为空 jq("tr:last > td > #address").val("");//新添加行address为空 });
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 关于#python#的问题:求帮写python代码
- ¥15 LiBeAs的带隙等于0.997eV,计算阴离子的N和P
- ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
- ¥15 来真人,不要ai!matlab有关常微分方程的问题求解决,
- ¥15 perl MISA分析p3_in脚本出错
- ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
- ¥15 ubuntu虚拟机打包apk错误
- ¥199 rust编程架构设计的方案 有偿
- ¥15 回答4f系统的像差计算
- ¥15 java如何提取出pdf里的文字?