html页面动态添加控件

怼烎@ 2022-06-14 03:28 322阅读 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 条评论，322人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

相关 web页面控件之日历控件

web页面开发中一般需要引用日历，如根据一个日期或时间，或者根据一个日期范围或时间范围，查询业务数据。下面介绍一下使用日历控件的使用。功能概述

缺乏、安全感/ 2022年09月17日 14:24/ 0 赞/ 748 阅读

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

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

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

相关 Web控件和HTML控件

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

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

相关 html页面动态添加控件

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

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

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

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

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

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

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

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

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

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

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