为了正常的体验网站,请在浏览器设置里面开启Javascript功能!
首页 > 运用js动态增加删除表单元素

运用js动态增加删除表单元素

2018-03-14 4页 doc 15KB 23阅读

用户头像

is_037433

暂无简介

举报
运用js动态增加删除表单元素运用js动态增加删除表单元素 c_a_3(); 使用js动态增加删除表单元素 javaeye 写道 这几天我一直在做数据采集工作,又一次发现我同事在展示我的数据的时候,使用了一些动态增加表单元素。我发现这很好玩,所以我也试着找了些资料和加上自己的整理,整出了以下一张网页。可以动态的增加和删除表单元素,但是有些不足,不能删除上次添加的,若删除后,在添加就不能在删除的位置上添加,还有我只在IE下测试通过。这个我不知道怎么做,主要是没有时间去研究,如果有哪位告诉可以留言留言。让俺也学习下。O(?_?)O (注:本程序在11月...
运用js动态增加删除表单元素
运用js动态增加删除表单元素 c_a_3(); 使用js动态增加删除表单元素 javaeye 写道 这几天我一直在做数据采集工作,又一次发现我同事在展示我的数据的时候,使用了一些动态增加表单元素。我发现这很好玩,所以我也试着找了些资料和加上自己的整理,整出了以下一张网页。可以动态的增加和删除表单元素,但是有些不足,不能删除上次添加的,若删除后,在添加就不能在删除的位置上添加,还有我只在IE下测试通过。这个我不知道怎么做,主要是没有时间去研究,如果有哪位告诉可以留言留言。让俺也学习下。O(?_?)O (注:本程序在11月16日修改过。) html head title 动态添加表单元素 /title /head script language= javascript //以下代码是动态添加表单元素。 var elementCount = 0; //动态增加表单元素。 function AddElement(mytype){ //得到需要被添加的html元素。 var TemO=document.getElementById( add ); //创建一个指定名称(名称指定了html的类型)html元素。 var newInput = document.createElement( input ); elementCount = elementCount + 1; //指定input的类型。 newInput.type=mytype; //动态生成id。 newInput.id= input +(elementCount); TemO.appendChild(newInput); var newline= document.createElement( br ); newline.id = br +(elementCount); TemO.appendChild(newline); } //动态删除表单元素。 function delElement(mytype){ var TemO=document.getElementById( add ); if (elementCount 0){ var newInput = document.getElementById( input +elementCount); TemO.removeChild(newInput); var newline= document.getElementById( br +(elementCount)); elementCount = elementCount - 1; TemO.removeChild(newline); } } /script body input name= type= button value= 新建文本框 onClick= AddElement('text') / input name= type= button value= 新建复选框 onClick= AddElement('checkbox') / input name= type= button value= 新建单选框 onClick= AddElement('radio') / input name= type= button value= 新建文件域 onClick= AddElement('file') / input name= type= button value= 新建密码框 onClick= AddElement('password') / input name= type= button value= 新建提交按钮 onClick= AddElement('submit') / input name= type= button value= 新建恢复按钮 onClick= AddElement('reset') / input name= type= button value= 删除恢复按钮 onClick= delElement('reset') / br form action= method= get name= frm div id= add input type= text name= textfield br /div /form /body /html 1 楼 wilsonxu 2008-11-14 1. 删除倒数第一个 input1 . 2. 删除 br . 2 楼 it577net 2009-10-21 你写出来了,我愣是没写对。。。 3 楼 it577net 2009-10-21 “不能删除上次添加的” 你指的跳跃式地添加吧,我那篇文章里的第二种的是用id值去remove
/
本文档为【运用js动态增加删除表单元素】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索