`
shylhd
  • 浏览: 74493 次
  • 性别: Icon_minigender_2
  • 来自: 河北
最近访客 更多访客>>
xx5333
社区版块
存档分类
最新评论

js 自动添加任意数量的表单内容

JavaScriptHTML 
阅读更多

<html>
<script language="javascript">
var i =2;//设置基数为2
function addFile()
{
var dv = document.getElementById("dvFiles");//设置生成表单内容的容器，即放置位置
var file = document.createElement("input");//建立input标记的内容
file.type = "text";//设置类型
file.id = file.name = "image" + i;//设置id和名称
dv.appendChild(file);//在容器里添加
var btn = document.createElement("input");//建立input标记内容
btn.type = "button";//类型
btn.id = btn.name="btn"+i;//id和名称
btn.value = "删除";//内容值
btn.onclick = function() {//单击调用函数
var b = document.getElementById(btn.id);//获得相关内容
dv.removeChild(b.nextSibling); //remove <BR>//删除
dv.removeChild(b.previousSibling); //file
dv.removeChild(b); //btn
}
dv.appendChild(btn);
dv.appendChild(document.createElement("BR")); //打印换行
}

</script>

<body><input type="text" name="image1" />
<div id="dvFiles"></div><input type="button" name="Submit" value="添加上传" onClick="addFile()">
</body>

</html>

分享到：
| js计算文本框里的字符个数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    新坐标企业网站管理系统 v1.0.rar

    4、可根据不同栏目随意扩展表单内容。从而满足不同特性的产品需求。 5、每条信息都可以添加无限多张图片，而且可按照信息所属栏目设置图片显示方式。 6、长文章自定义分页,以及自动清除分页。 7、添加flv视频后可...

    JavaScript王者归来part.1 总数2

    　6.2.2.2 一个使用Arguments对象接收任意个数参数的例子　 　6.2.2.3 一个使用Arguments对象模拟函数重载的例子　 　6.2.3 参数类型匹配--一个利用arguments实现函数重载机制的例子　 　6.3 函数的调用者和所有者　...

    帝国下载系统 v2.5 开源正式版 bulid 090613.rar

    20、每组生成列表数、内容页数、自定义页面数、批量替换下载数量设置。可以依服务器配置设置。 21、支持设置生成时间间隔。解决部分空间的资源限制问题。 22、后台界面改进，使用更加方便。 23、新增后台地图导航...

    新坐标企业网站管理系统 1.0

    4、可根据不同栏目随意扩展表单内容。从而满足不同特性的产品需求。 5、每条信息都可以添加无限多张图片，而且可按照信息所属栏目设置图片显示方式。 6、长文章自定义分页,以及自动清除分页。 7、添加flv视频后可...

    PHP开发实战1200例源码

    实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r（$_ENV） 73 实例042 使用可变变量输出“I Like PHP！” 73 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...

    xheditor-1.1.14

    参数值：表单提交按钮的ID值，默认在form表单上绑定submit以同步结果 说明：通过本参数，在非标准submit提交环境下，比如AJAX提交，可以由用户点击提交按钮以触发编辑器最新值的同步 备注：v1.1.7新添加 onPaste：...

    文章管理系统

    4.修复通过后台文章编辑附件栏自定义内容可能导致删掉网站任意文件的BUG 5.修复后台服务器文件管理，文件总大小超过几G会出现页面程序错误BUG 6.完善后台JS复制事件 7.修复其他BUG （1~4更新点感谢白帽：seraph1984...

    帝国下载系统 v2.5 开源正式版 bulid 090416.rar

    20、每组生成列表数、内容页数、自定义页面数、批量替换下载数量设置。可以依服务器配置设置。 21、支持设置生成时间间隔。解决部分空间的资源限制问题。 22、后台界面改进，使用更加方便。 23、新增后台地图导航...

    帝国下载系统 v2.5 开源正式版 bulid 090613

    20、每组生成列表数、内容页数、自定义页面数、批量替换下载数量设置。可以依服务器配置设置。 21、支持设置生成时间间隔。解决部分空间的资源限制问题。 22、后台界面改进，使用更加方便。 23、新增后台地图导航，...

    最好的asp CMS系统科讯CMSV7.0全功能SQL商业版，KesionCMS V7.0最新商业全能版-免费下载

    47、全站所有频道（只要涉及到图片）均可自动添加水印及生成缩略图功能及幻灯片功能。 48、影视系统支持多种格式（如：.rm,.rmvb,.ra;.wmv,.avi,.asf,.wm等)，还支持当前最流行的Flv格式，支持会员上传功能，极有力...

    帝国下载系统 2.5

    20、每组生成列表数、内容页数、自定义页面数、批量替换下载数量设置。可以依服务器配置设置。 21、支持设置生成时间间隔。解决部分空间的资源限制问题。 22、后台界面改进，使用更加方便。 23、新增后台地图导航...

    正则表达式

    也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象.就像字符串直接量被定义为包含在引号内的字符一样, 正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的...

Magicbox
Global site tag (gtag.js) - Google Analytics