jquery实现添加删除一行
2016-05-10 16:50
483 查看
var rowCount = 0;
function addLine() {
rowCount++;
var tbLine = "<tr id=\"option"+ rowCount+"\"><td>选项名:<input type=\"text\" name=\"optionText\" /></td>" +
"<td>选项值:<input type=\"text\" name=\"optionValue\" /></td>" +
"<td><a href=\"#\" onclick=\"removeLine("+rowCount+")\">删除</a></</td></tr>";
$("#optionLine").append(tbLine);
}
function removeLine(rowIndex) {
$("#option" + rowIndex).remove();
rowCount--;
}
使用c:forEach实现
<c:forEach items="${optionList }" var="optionList" varStatus="line">
<tr id="option${line.index }">
<td>选项名:<input type="text" name="optionText"
value="${optionList.optionText }"></td>
<td>选项值:<input type="text" name="optionValue"
value="${optionList.optionValue }"></td>
<td><a href="#" onclick="removeLine(${line.index})">删除</a></</td>
</tr>
</tr>
</c:forEach>
function addLine() {
rowCount++;
var tbLine = "<tr id=\"option"+ rowCount+"\"><td>选项名:<input type=\"text\" name=\"optionText\" /></td>" +
"<td>选项值:<input type=\"text\" name=\"optionValue\" /></td>" +
"<td><a href=\"#\" onclick=\"removeLine("+rowCount+")\">删除</a></</td></tr>";
$("#optionLine").append(tbLine);
}
function removeLine(rowIndex) {
$("#option" + rowIndex).remove();
rowCount--;
}
使用c:forEach实现
<c:forEach items="${optionList }" var="optionList" varStatus="line">
<tr id="option${line.index }">
<td>选项名:<input type="text" name="optionText"
value="${optionList.optionText }"></td>
<td>选项值:<input type="text" name="optionValue"
value="${optionList.optionValue }"></td>
<td><a href="#" onclick="removeLine(${line.index})">删除</a></</td>
</tr>
</tr>
</c:forEach>
相关文章推荐
- jQuery实现 上升、下降、删除、添加一行代码
- jquery 实现 table 添加到第一行,删除最后一行
- JQUERY动态绘制表格,实现动态添加一行,删除一行
- 基于Bootstrap使用jQuery实现输入框组input-group的添加与删除-改进版
- jquery实现点击按钮添加一行
- jQuery + JavaScript 实现的动态添加文本框功能 和 动态删除文本框功能(二)
- 使用jquery给指定的table动态添加一行、删除一行
- jquery动态添加删除div 具体实现
- jQuery实现动态添加和删除一个div
- jQuery动态添加删除select项(实现代码)
- 自己修改, jquery实现table动态添加行、删除行以及行的上移和下移
- Jquery动态添加 删除 操作实现
- 基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
- [Asp.net]Calendar+JqueryUi实现日程管理(右键菜单,添加,编辑,删除,源码)
- JQuery和JS怎样实现淘宝购物车的添加和删除?
- 基于jquery的实现简单的表格中增加或删除下一行
- jquery 删除节点 添加节点 找兄弟节点的简单实现
- jQuery实现动态添加和删除一个div
- 自己动手制作jquery插件之自动添加删除行的实现
- 利用jquery给指定的table动态添加一行、删除一行