您的位置：首页 > 其它

[置顶] 点击按钮增加一行表格

2017-12-26 16:24 519 查看

点击按钮增加一行表格

做此功能我们要用到两个方法：

insertRow()： insertRow() 方法用于在表格中的指定位置插入一个新行。

insertCell() ：insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的 <td> 元素。

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
var i=0
function insert_row(){
i ++
R = tbl.insertRow() //insertRow() 方法用于在表格中的指定位置插入一个新行。
C = R.insertCell()  //insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的 <td> 元素。
C.innerHTML = "<select>"+
"<option value='法定代表人' name='name'>法定代表人</option>"+
"<option value='登记机关' name='regorgCn'>登记机关</option>"+
"<option value='电子邮箱' name='email'>电子邮箱</option>"+
"<option value='经营范围' name='opscope'>经营范围</option>"+
"<option value='住所' name='dom'>住所</option>"+
"<option value='联系电话' name='tel'>联系电话</option>"+
"<option value='注销日期' name='candate'>注销日期</option>"+
"<option value='吊销日期' name='date'>吊销日期</option>"+
"</select>"

C = R.insertCell()
C.innerHTML = "<input id='mytext' style='text-align:left;width:400px'/>"
C = R.insertCell()
C.innerHTML = "<input type='button'  value='删除' onclick='deleteRow(this)'>"
}
function deleteRow(obj){
alert("确定删除第"+(obj.parentElement.parentElement.rowIndex+1)+"行吗？");
tbl.deleteRow(obj.parentElement.parentElement.rowIndex);
}
</script>
<body>
<div>
<table width="80%" name='tbl' id="tbl" border="0" align="center">

</table>
</div>
<input type="button" value="添加" onclick="insert_row()"/>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航