<!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不行~
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)