如何获取jsp页面表格中动态增加行的数据_IT百科

使用 js 或者jquery<br><br>-----------------------------<br><br>但你动态增加行数据时，给当前增加的行增加一个属性例如 name="addtr" <tr name="addtr"></tr><br><br><br>当要获取时可以使用js或jquery获取这种标记的tr就好<br>$(funciton(){<br> $("tr [name='addtr']").each(function(){<br> alert($(this).html())//增加的每一条tr的html数据<br> })<br>})

<html>

<head>

<title>动态增加、删除table中的tr示例</title>

//添加行函数

function addrow(){

//得到table对象

var mytable = document.getElementById("testtable")

//向table中插入一行

var mytr=mytable.insertRow()

//创建一个新的td对象

var mytd=document.createElement("td")

//创建一个新的<input >对象

var inputtext=document.createElement("<INPUT name='ok'>")

//设置input对象的type属性

inputtext.setAttribute("type","text")

//初始化td中的文本信息

mytd.innerText="输入关键字:"

//向td中加入input对象

mytd.appendChild(inputtext)

//向tr中加入td对象

mytr.appendChild(mytd)

}

//删除行

function deleterow(){

//得到table对象

var mytable = document.getElementById("testtable")

//得到table中的行对象数组

var arr=mytable.rows

if(arr.length==1){

alert("至少存在一行")

}else{

//删除最后一行

arr[arr.length-1].removeNode(true)

}

</script>

</head>

<body>

<h2>table中动态增加、删除行示例</h2>

<table>

<tr>

<td>

<tr><td>输入关键字:<input type="text" name="name"></td></tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

说明：把此代码赋值到一个html文件中就可以直接运行

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/bake/11318489.html

如何获取jsp页面表格中动态增加行的数据

发表评论

评论列表（0条）