`
GODdaughter
  • 浏览: 105446 次
  • 性别: 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）
评论
发表评论

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

相关推荐

    程序天下:JavaScript实例自学手册

    9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...

    《程序天下：JavaScript实例自学手册》光盘源码

    9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...

    ASP.NET程序开发范例宝典（光盘）----目录

    - **实例014 使用Table进行多列记录展示**：展示了如何使用`&lt;table&gt;`标签来构建表格，以便更好地组织和显示数据。 - **实例015 使用Table结合DataList构建员工信息列表**：演示了如何结合`&lt;table&gt;`和`&lt;datalist&gt;`...

    Ajax实用案例1：动态加载数据

    - **条件设置向导**：允许用户逐步填写表单信息，每一步完成后动态加载下一步的信息。 - **页面关键词提示**：在用户输入搜索关键词的过程中，实时显示可能匹配的结果。 #### 四、总结 通过以上案例的讲解，我们...

    常用邮箱快速登录代码

    - `function chkinput(f) {...}`：该函数用于检查表单中的`name`和`tiaojian`字段是否已填写。 - `function chkinput2(f) {...}`：该函数用于验证用户输入的用户名、密码以及邮箱后缀是否为空。 - `function MM_...

    网上日记本.docx

    #### 1.2 网站目的及功能定位 - **目的**：为用户提供一个便捷、安全的在线日记写作平台。 - **功能**：主要包括日记的编写、存储和管理。用户可以自由设置日记的可见性（公开或加密），并享受多设备间的同步体验。 ...

    window平台nodej适配神通

    在Node.js环境中，npm（Node Package Manager）是用于管理和安装Node.js包的重要工具。为了实现神通数据库的连接，需要安装`node-odbc`这个全局变量模块。 ```sh npm install odbc -g ``` **2.2 查看全局变量模块**...

    Maximo EAM平台开发笔记2

    在目标数据库中创建相应的表空间和用户。 3. 使用`IMP`工具将DMP文件导入目标数据库。 4. 检查数据完整性和一致性。 **1.5 9I的DMP文件向10G移植** - **移植步骤**: 1. 在Oracle 9i环境下导出DMP文件。 2. 在...

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文）

    在系统设计和开发过程中，要充分考虑系统当前和将来可能承受的工作量，使系统的处理能力和响应时间能够满足信息处理的需求。 2、 系统的开放性和系统的可扩充性：系统在开发过程中，应该充分考虑以后的可扩充性。...

    ASP.NET常用代码

    &lt;script language="javascript" for="document" event="onkeydown"&gt; if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

    freemarker总结

    使用import指令导入库到模板中，Freemarker会为导入的库创建新的名字空间，并可以通过import指令中指定的散列变量访问库中的变量： ${my.mail} ${mail} 输出结果： &lt;p&gt;Copyright (C) 1999-2002 ...

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