html页面动态添加控件

怼烎@ 2022-06-14 03:28 342阅读 0赞

<html>  
<head>  
<title>test</title>  
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>  
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>  
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
<script type="text/javascript">  
$(document).ready(function()\{  
var number = 1;  
  
$("\#add\_new\_line").click(function()\{  
var addHtml = $('\#divAdd').html()  
$("\#fileTable").append(addHtml);  
number = number + 1;  
\});  
  
$("\#delete\_line").click(function() \{  
  
if((fileTable.rows.length-1) > 0)\{  
fileTable.deleteRow(fileTable.rows.length-1);  
number = number - 1;  
\}  
\});  
\});  
  
</script>  
  
</head>  
<body>  
<script type="text/x-template" id="divAdd">  
<tr>  
<td>  
 <div class="col-xs-12">  
<input type="text" id="testFile" name="testFile" placeholder="//测试文件">  
 </div>  
</td>  
</tr>  
</script>  
<input type="button" value="Add" id="add\_new\_line">  
<input type="button" value="delete" id="delete\_line">  
<div id="test\_content">  
<table id='fileTable'>  
<tr>  
  
<td>  
 <div class="col-xs-12">  
<input type="text" id="testFile" name="testFile" placeholder="测试文件">  
 </div>  
</td>  
</tr>  
</table>  
</div>  
  
  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，342人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android开发-Android中如何动态添加控件

1 简介 Android应用开发中，我们可以使用xml布局文件来定义控件。事实上，我们也可以在java代码中进行控件的添加。 2 举例: 在LinearLayo

怼烎@/ 2023年10月16日 19:43/ 0 赞/ 24 阅读

相关 angularjs自动生成html,Angularjs 实现动态添加控件功能

实现下面这样的需求：点击增加一块数据盘，会出现数据盘选项。 (1)最开始，想到原生JavaScript，jQuery (appendChild()等方法结合Angular

╰半夏微凉°/ 2022年10月06日 09:47/ 0 赞/ 200 阅读

相关动态创建html页面,如何动态创建html页面？

这是从该链接：注：jQuery开发团队已经决定不采取这个插件过去的测试版。它不再被积极开发或维护。文档暂时保留(仅供参考)，直到准备好合适的替换模板插件。我不能写

傷城~/ 2022年10月06日 04:56/ 0 赞/ 15 阅读

相关动态生成控件及添加事件

有时候需要在程序运行到一定时候或者某个事件之后需要动态生成控件在C\下一般方式是： `　　　 private Button Db=new Button() ; 　　

桃扇骨/ 2022年09月19日 04:20/ 0 赞/ 196 阅读

相关 ASP.NET动态添加控件(感想)

老实说，asp.net开发，我只会简单的拖拖服务器控件。因为我做网页没得多大兴趣。嘿嘿....... \--------------------------问题描述

喜欢ヅ旅行/ 2022年08月09日 14:53/ 0 赞/ 219 阅读

相关 Web控件和HTML控件

ASP.NET中介绍了两种控件，一是，HTML控件；二是，Web控件。web控件是基于HTML控件加上runat="server"的属性。比HTML控件实现的功能更容易

た入场券/ 2022年08月06日 06:08/ 0 赞/ 309 阅读

相关 html页面动态添加控件

<html> <head> <title>test</title> <script src="http://code.jquery.com/jquery-2.1.1

怼烎@/ 2022年06月14日 03:28/ 0 赞/ 343 阅读

相关 js动态加载控件jsp页面

例子1：(具体参照drp中的flow\_card\_add.jsp) <script> var rowIndex = 0; function add

我不是女神ヾ/ 2022年06月12日 07:44/ 0 赞/ 278 阅读

相关动态添加组件，添加id，获取子控件，移除控件

动态创建关键代码（新添加的view是自己写的xml布局view） // 1. 获取自定义的 View Button button = (Button) L

系统管理员/ 2022年05月09日 06:40/ 0 赞/ 423 阅读

相关控制控件的属性：动态添加控件，删除/隐藏控件

using System; using System.Collections.Generic; using System.ComponentModel;

喜欢ヅ旅行/ 2022年01月14日 06:43/ 0 赞/ 369 阅读