六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 109|回复: 0

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

[复制链接]

升级  45.33%

32

主题

32

主题

32

主题

秀才

Rank: 2

积分
118
 楼主| 发表于 2013-2-7 20:08:01 | 显示全部楼层 |阅读模式
<%@ 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="添加" /></td></tr></table>    </form>   </div>  </body></html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表