jquery如何实现在一个jsp页面动态添加一个多行多列的表格

jquery如何实现在一个jsp页面动态添加一个多行多列的表格,第1张

你可以在《物证材料信息的表格》外面套一个div,获取这个div的innerHTML,加入到下面即可;

只设置name,不要加id了;后台通过name获取数组。

后台循环数组添加即可

使用 js 或者jquery

-----------------------------

但你动态增加行数据时,给当前增加的行 增加一个属性例如 name="addtr" <tr name="addtr"></tr>

当要获取时 可以使用js或jquery获取这种标记的tr就好

$(funciton(){

    $("tr [name='addtr']").each(function(){

        alert($(this).html())//增加的每一条tr的html数据

    })

})

<script language="javascript">

iIndex = 0

var annex = 0

function getIndex()

{

iIndex = event.srcElement.parentElement.parentElement.rowIndex

return iIndex

}

function insertRow(iPos)

{

var otr=myTable.insertRow(annex)//插入一个tr

var ocell=otr.insertCell(0)//插入一个td

ocell.innerHTML="<input type=file size=20 name=annexValue(" + annex + ")>"

var ocell=otr.insertCell(1)//插入一个td

ocell.innerHTML=" <input type=button onclick=deleteRow(getIndex()) value='删除附件'>"

annex++

}

function deleteRow(iPos)

{

document.all.myTable.deleteRow(iPos)

annex--

}

</script>

<form name=myForm>

<a href="#" onClick="insertRow(0)">添加附件</a>

<table id="myTable"></table>

</form>

===================================

insertRow里的插入内容换成你自己的~

ie下可以用~firefox不行~


欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存