Jsp页面动态添加表格,意思就是我点击一个按钮,就会添加一个表格。求,大神们,可以连续点击添加

Jsp页面动态添加表格,意思就是我点击一个按钮,就会添加一个表格。求,大神们,可以连续点击添加,第1张

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>RunJS</title>

<script type="text/javascript" src="http://sandboxrunjscn/uploads/rs/289/za0sqcyf/jquery-16minjs"></script>

<script type="text/javascript">

$(function(){

$("button")click(function(){

var html = "<tr><td style='border:1px solid white;'>添加一行</td><td style='border:1px solid white;'>添加一行</td></tr>"; //自己定义好要添加的信息

$("table")append(html); //添加对应的内容到table

});

});

</script>

</head>

<body>

<button>Hello </button>

<table style="border:1px solid yellow;">

</table>

</body>

</html>

这个是简单的例子。。。

<script language="javascript">

iIndex = 0;

var annex = 0;

function getIndex()

{

iIndex = eventsrcElementparentElementparentElementrowIndex;

return iIndex;

}

function insertRow(iPos)

{

var otr=myTableinsertRow(annex);//插入一个tr

var ocell=otrinsertCell(0);//插入一个td

ocellinnerHTML="<input type=file size=20 name=annexValue(" + annex + ")>";

var ocell=otrinsertCell(1);//插入一个td

ocellinnerHTML=" <input type=button onclick=deleteRow(getIndex()) value='删除附件'>";

annex++;

}

function deleteRow(iPos)

{

documentallmyTabledeleteRow(iPos);

annex--;

}

</script>

<form name=myForm>

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

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

</form>

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

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

ie下可以用~firefox不行~

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

原文地址: http://outofmemory.cn/bake/12180142.html

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

发表评论

登录后才能评论

评论列表(0条)

保存