
var trHTML = "<tr><td>...</td></tr>"
$("#tab").append(trHTML)//在table最后面添加一行
$("#tab tr:eq(2)").after(trHTML)// 在table的第3行后面添加一行
这样就可以进行动态的添加行了,至于你是通过什么事件来动态添加那就看你自己的意思了,通过button或者div之类的点击事件添加,只要把上面的两行代码放进去就ok,注意,要把var trHTML那行代码放进添加事件里面,不然不管点击多少下,都只能添加一行
$(function() {
$(":button").click(function() {
var tr = "<tr><td>new</td></tr>"
//$("table").append(tr)
$("table tr:eq(2)").after(tr)
})
})
<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不行~
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)