zoukankan
html css js c++ java
动态添加删除控件
例一:
<!
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
runat
="server"
>
<
title
>
无标题页
</
title
>
<
script
type
="text/javascript"
language
="JavaScript"
>
var
i
=
0
;
function
addFile()
{
var
str
=
'
<
INPUT name
=
'
+
"
file
"
+
i
+
' id
=
'
+
"
file
"
+
i
+
' type
=
"
file
"
><
INPUT type
=
"
button
"
id
=
"
de'+i+'
"
name
=
"
de'+i+'
"
onclick
=
"
del('+i+')
"
value
=
"
删除
"
><
br
/>
'
document.getElementById('c_d').insertAdjacentHTML(
"
beforeEnd
"
,str);
i
++
;
}
function
del(ii)
{
document.getElementById(
"
c_d
"
).removeChild(window.document.getElementById(
"
file
"
+
ii))
document.getElementById(
"
c_d
"
).removeChild(window.document.getElementById(
"
de
"
+
ii))
}
</
script
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
input
type
="button"
value
="添加新附件"
onclick
="addFile()"
id
="Button1"
/>
<
div
id
="c_d"
>
</
div
>
</
form
>
</
body
>
</
html
>
例二:
<
script language
=
"
javascript
"
>
var
num;
num
=
0
;
function
Add()
//
添加控件
{
var
nRow
=
document.all.Table1.rows.length;
//
获得当前TABLE的行数
var
objTheRow
=
document.all.Table1.insertRow(nRow);
//
执行添加
objTheRow.insertCell(
0
);
//
添加当前行的列
//
添加一个按纽控件
objTheRow.cells(
0
).innerHTML
=
"
<input type='file' size='70' class='font_12' name='MailFile' id='up
"
+
num
+
"
'><a href='#' onClick='javascript:del(
"
+
num
+
"
);'>删除</a>
"
;
num
++
;
}
function
del(num1)
//
删除控件
{
var
currRowIndex
=
event.srcElement.parentNode.parentNode.rowIndex;
//
获取当前索引
document.all.Table1.deleteRow(currRowIndex);
}
</
script
>
查看全文
相关阅读:
Docker
Orleans MultiClient 多个Silo复合客户端
Docker
C# 动态创建实例化泛型对象,实例化新对象 new()
.net core UseHttpsRedirection() 正式环境无效
.NET Core 版本不支持的问题
Swift 编译时间优化
test chemes
Mac下开发常用目录
文字高度问题
原文地址:https://www.cnblogs.com/sunheyubo/p/890885.html
最新文章
PowerDesigner生成Oracle数据库时,表名会带引号问题
Oracle优化总结
ORA-00942:table or view does not exist
ORA-03113: end-of-file on communication channel
APP性能测试(启动时间)
jmeter测试mysql性能
性能测试概要
APPScan安装与使用教程
评估机器学习模型的几种方法(验证集的重要性)
机器学习算法之概率分类法
热门文章
TensorFlow学习笔记(七)TesnorFlow实现计算加速
机器学习算法之决策树和随机森林
TensorFlow学习笔记(七)Tesnor Board
TensorFlow学习笔记(六)循环神经网络
机器学习算法之降维
TensorFlow学习笔记(五)图像数据处理
TensorFlow学习笔记(四)图像识别与卷积神经网络
TensorFlow学习笔记(三)MNIST数字识别问题
Git 合并两个不同的仓库
Docker
Copyright © 2011-2022 走看看