<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>画一个表格2(有难度)</title>
<script language="javascript">
function makeDynamicTable(){
/*获得当前输入的数量*/
var count = document.getElementById("addCounter").value;
if(count==0){
alert("请填写一个数字作为参数");
return false;
}
/*显示出和当前数量一致的文本框*/
var tableRows = table1.rows.length;
var tr1 = table1.insertRow(tableRows);
for(var i = 0 ; i<count; i++){
var td1 = tr1.insertCell();
td1.innerHTML='<input type="text"/>';
}
}
</script>
</head>
<body>
<div align="center">
<br/><br/>
<font color="blue">画一个有难度的表格</font>
<br/><br/>
<form id="form1">
<table id="table1">
<tr>
<td>
<input type="text" name="addCounter" id="addCounter"/>
<input type="button" value="添加" onClick="makeDynamicTable()"/>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
javascript动态填写table中的行和列(1.2)
最新推荐文章于 2022-04-07 15:19:53 发布