`
GODdaughter
  • 浏览: 102931 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

javascript动态填写table中的行和列(1.2)

JavaScriptJavaHTML 
阅读更多 
<%@ 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（竖版）树形菜单实例（3.2）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics