动态生成表格

最新推荐文章于 2024-04-20 11:50:28 发布
最新推荐文章于 2024-04-20 11:50:28 发布
阅读量582 收藏 1
点赞数 1
分类专栏： Web Develop 文章标签： border newline input table xhtml javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sfchina/article/details/1583548
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<title>上传文件</title>
</head>

<body topmargin="0" leftmargin="0">
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<form name="form_upload" method="post" enctype="multipart/form-data" action="ht_SaveUpload.jsp">
<tr>
<td>
<table width="100%" border="1" cellpadding="0" cellspacing="0" id="mainTable">
  <tr>
    <td width="40%" height="25" align="center">图片数量：</td>
    <td width="69%" align="left">&nbsp;
        <select name="imageNum" size="1" id="imageNum" οnchange="addTable(this.value)">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
              </select></td>
  </tr>
  <tr>
    <td height="25" align="center">图片路径：</td>
    <td align="left">&nbsp;
 <input name="imageFile" type="file" size="30" /></td>
  </tr>
</table>
</td>
</tr>
  <tr>
    <td height="25" colspan="2" align="center"><input type="submit" name="Submit" value="上 传" />　　
      <input name="reset" type="reset" id="reset" value="取　消" /></td>
    </tr>
</form>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" id="templeteTasble" style="display:">

  <tr>
    <td height="25" align="center">图片路径：</td>
    <td align="left">&nbsp;
 <input name="imageFile" type="file" size="30" /></td>
  </tr>
</table>
<script language="javascript">
<!--
 function addTable(obj,imageNum,colNum,rowNum){
  var tempObj = eval("document.all." + obj );
  var intTBodyCount = tempObj.rows.length;
  var intCount = intTBodyCount-imageNum-1;
  if(intCount > 0)
  {
   for(var i = 0;i < intCount;i++)
   {
    tempObj.deleteRow(tempObj.rows.length-1);
   }
  }
  else
  {
   intCount = -intCount;
   for(var i = 0;i < intCount;i++){
    newline = tempObj.insertRow();
    for(var j = 0; j < colNum; j++ ){
     var tabTd = newline.insertCell();
     //复制属性
     tabTd.mergeAttributes(tempObj.rows[rowNum].cells[j]);    
     tabTd.innerHTML=tempObj.rows[rowNum].cells[j].innerHTML;
    }
   }
  }
 }
//-->
</script>
</div>
</body>
</html>
 

sfchina
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery实现动态生成表格
11-13
数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。
案例：jQuery动态创建表格（完整代码）
m0_65085680的博客
10-11 1443
案例：jQuery动态创建表格（完整代码）
jQuery生成动态表格
Sicimike的博客
04-30 9497
前言 工作中常常需要动态的添加或者删除表格行或者列，所以稍微整理了一下，实现了一些比较通用的功能。 效果 除表头外，第一行模拟从后台加载的数据，其余的行为动态添加 点击保存后，改行自动变成第一行的效果 点击删除时，如果改行未保存，则直接删除；如果改行保存过，则会提示 删除成功后，行号会自动维护 复选框实现了全选、全不选、部分选择的效果 每一行都会有一个固定的ID，和行号不一定相同 源文件 d...
原生js和jQuery创建动态表格的两种方法
weixin_44701385的博客
03-23 2151
第一种jQuery方法创建动态表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
JQuery 动态生成Table表格实例代码
11-29
JQuery动态生成Table表格 主要用到了JQuery中的append和appendto的方法,具体代码如下: <!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=gb2312"> <title>动态创建表格</title> <script type="text/javascript" sr
案例：动态生成表格.html
06-09
动态生成删除表格，没有相关的数据库，主要是存在数组里面的数据来进行删除，设计的重点主要是对节点的操作
C#实现动态生成表格的方法
01-01
本文以实例形式展现了C#实现动态生成表格的方法，分享给大家供大家参考之用。具体方法如下： public string CreateTable() { StringBuilder sb = new StringBuilder(); int row = 1;//行数 if (true )//是否有...
Jquery 动态生成表格示例代码
10-26
在某些特殊的情况下是需要动态生成表格的，下面为大家详细介绍下使用jquery是如何做到的，感兴趣的朋友不要错过
asp.net 动态生成表格
10-30
要有个总的方法来拼字符串 好比是 private string MakeString()
Vue动态生成表格的行和列
12-29
当在开发项目的时候，固定的页面表格标题及内容不能满足需求，需要根据不同的需求动态加载不同的表格表头和表格的内容，具体的实现代码如下： ref=multipleTable tooltip-effect=dark xss=removed ...
jquery实现生成表格
04-10
在页面输入行和列点击按钮自动生成相应的表格，并且还可以对表格出入数据
Jquery创建动态表格
03-26
NULL 博文链接：https://niuka.iteye.com/blog/1152312
jquery动态创建表格
wxz340825的博客
11-29 2391
效果图如下（输入姓名和密码在下方表格中显示） 代码如下 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-widt
JQuery动态创建表格
xcx010321的博客
12-28 1689
<style> table {border: 1px solid #ccc; border-collapse: collapse; } th,td { border: 1px solid #ccc; color: #000; padding: 10px } th { background-color: ...
用jquery动态生成表格【练习】
December_shi的博客
11-10 374
实现效果： style样式 <style type="text/css"> table { width: 50%; text-align: center; border: 1px solid #000; margin: 0 auto; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #000; padding: 20px; } </style&
使用Jquery完成动态表格的功能
aigo_2021的博客
05-15 1292
使用Jquery完成动态表格的功能 1. 代码展示： <!doctype html> <html lang="en"> <head> <title>Document</title> <script src="jquery-3.2.1.js"></script> <script> $(function(){ $("#btn").click(function(){ var tr
jquery动态生成表格数据
qq123aa2006的博客
04-10 1672
$.each(newData, function (k, v) { if (k == 0) { $.each(v.split("|"), function (o, l) { ...
HTML5新增特性
m0_48670609的博客
04-14 989
HTML5新增语义化标签，新增音频视频标签，新增表单标签和属性
一个小时学习javaScript
最新发布
weixin_43064364的博客
04-20 934
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值