Js实现动态插入删除文本框

自己做了个Js插入文本框的例子，扔上别忘了。


<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html;   charset=utf-8"><script language="javascript">var qus = new Array();function Question() {this.qno = qus.length;this.ono = 0;this.create = function(table) {var qstr = "";qstr += "<hr id=\"qu" + this.qno + "div\"><div id=\"qu" + this.qno + "\"><h2>问题  " + (this.qno + 1) + "</h2>";qstr += "<input type=\"text\" name=\"questions[" + this.qno + "]\" value=\"questions[" + this.qno + "]\" />";qstr += "<div id=\"qu" + this.qno + "op\"><b>* 选项 *</b>";qstr += "<br /><input type=\"text\" value=\"qu" + this.qno + "op" + this.ono + "\" id=\"qu" + this.qno + "op" + this.ono + "\"/>";qstr += "</div>";qstr += "<input type=\"button\" value=\"增加选项\" οnclick=\"qus[" + this.qno + "].addOption()\"/>";qstr += "<input type=\"button\" value=\"刪除选项\" οnclick=\"qus[" + this.qno + "].delOption()\"/>";qstr += "</div>";table.innerHTML += qstr;//alert(qstr);}this.addOption = function() {this.ono++;var opar = document.getElementById("qu" + this.qno + "op");opar.innerHTML += "<br id=\"qu" + this.qno + "op" + this.ono + "div\"/><input type=\"text\" value=\"qu" + this.qno + "op" + this.ono + "\" id=\"qu" + this.qno + "op" + this.ono + "\"/>";//alert(opar.innerHTML);}this.delOption = function() {if (this.ono > 0) {var quop = "qu" + this.qno + "op";var opx = "qu" + this.qno + "op" + this.ono;document.getElementById(quop).removeChild(document.getElementById(opx));document.getElementById(quop).removeChild(document.getElementById(opx + "div"));this.ono--;}}}function createQuestion() {var qu = new Question();qus.push(qu);qu.create(document.getElementById('table'));}function delQuestion() {if (qus.length > 0) {var qupr = "table";var qux = "qu" + (qus.length - 1);document.getElementById(qupr).removeChild(document.getElementById(qux));document.getElementById(qupr).removeChild(document.getElementById(qux + "div"));qus.pop();}}</script></head><body><div id="table"></div><br /><hr /><br /><input type="button" οnclick="createQuestion();" value="新建问题" /><input type="button" οnclick="delQuestion();" value="删除问题" /><input type="submit" value="保存问卷" /></body></html>


本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/544952.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ruby 数组元素替换_从Ruby中的集合中删除并替换元素

ruby 数组元素替换_从Ruby中的集合中删除并替换元素

ruby 数组元素替换Ruby has various specific methods to fulfil specific tasks. At several places, you may need to replace or delete an element from an instance of set class provided that there are certain elements present in the Set. You can perform deletion…
阅读更多...
我去，这几个Linux指令太装B了|动图展示

我去，这几个Linux指令太装B了|动图展示

1. sl先看一下呼啸而过的火车&#xff1b;安装指令如下&#xff1b;sduo apt-get install sl执行结果如下&#xff1a;2. htop图形化Linux系统性能监测工具&#xff0c;屌不屌:安装指令如下:sduo apt-get install htop执行结果如下&#xff1b;3. gcp以前用cp复制文件总是看不懂…
阅读更多...
书店POS机--细化迭代2--测试

书店POS机--细化迭代2--测试

2019独角兽企业重金招聘Python工程师标准>>> (1) 开始一次新的销售&#xff0c;点击书店POS系统的销售&#xff1a; (2) 进入销售模块之后的界面如下&#xff1a; (3)逐条录入商品条目(根据商品编号)&#xff0c;并修改数量。确认无误之后点击“确认”按钮&#x…
阅读更多...
XML文件的写入和读取（解析）基于DOM4J工具

XML文件的写入和读取（解析）基于DOM4J工具

这两天做了个天气的小应用&#xff0c;需要用到百度的天气api&#xff0c;获取到的信息是一个xml文档。 所以就从网上查了一下相关的知识&#xff0c;就是关于怎么去解析出来xml文件的信息。 先放一个我自己写的例子&#xff0c;加了点注释&#xff0c;贴这里吧。 package cn…
阅读更多...
Google Guava，牛逼的脚手架

Google Guava，牛逼的脚手架

01、前世今生你好呀&#xff0c;我是 Guava。1995 年的时候&#xff0c;我的“公明”哥哥——Java 出生了。经过 20 年的发展&#xff0c;他已经成为世界上最流行的编程语言了&#xff0c;请允许我有失公允的把“之一”给去了。虽然他时常遭受着各种各样的吐槽&#xff0c;但他…
阅读更多...
ruby 将字符转数字计算_Ruby程序计算一个数字中的位数

ruby 将字符转数字计算_Ruby程序计算一个数字中的位数

ruby 将字符转数字计算计算位数 (Counting the number of digits) Ruby does not provide you any predefined direct method through which you can find the number of digits in a number. Though one method can be implemented by converting the number into a string an…
阅读更多...
python_L2_operator

python_L2_operator

1. i/j – division – if both are ints, result is int, represen9ng quo9ent without remainder e.g. 3/2 1 3.0/2 1.5　　but 　　-3/2 -2 2. --2 >>> 2 3. a * 2 >>> aa 4 . abc[-1] returns c 5. world[:-1] returns worl转载于:https://www.cnbl…
阅读更多...
Android Call requires API level 11 (current min is 8)的解决方案

Android Call requires API level 11 (current min is 8)的解决方案

【错误描述】 在用Eclipse开发过程中&#xff0c;为了兼容Android2.2和4.0以上版本&#xff0c;我在使用Notification类时做了2个版本的代码&#xff0c;代码根据系统版本不同执行相应模块&#xff0c;结果&#xff0c;等我输完代码&#xff0c;发现系统提示了一个这么的错误。…
阅读更多...
阿里巴巴Druid，轻松实现MySQL数据库加密！

阿里巴巴Druid，轻松实现MySQL数据库加密！

作者 | 王磊来源 | Java中文社群&#xff08;ID&#xff1a;javacn666&#xff09;转载请联系授权&#xff08;微信ID&#xff1a;GG_Stone&#xff09;为什么要加密&#xff1f;现在的开发习惯&#xff0c;无论是公司的项目还是个人的项目&#xff0c;都会选择将源码上传到 Gi…
阅读更多...
计算机图形学图形旋转_计算机图形学中的平板显示

计算机图形学图形旋转_计算机图形学中的平板显示

计算机图形学图形旋转平板显示器 (Flat Panel Display) It is generally known as FPD, the flat-panel display is such a display technology which overtakes Cathode Ray Tube as a new standard of computer desktop displays. Unlike monitors through CRT, flat-panel d…
阅读更多...
一文掌握Redisson分布式锁原理|干货推荐

一文掌握Redisson分布式锁原理|干货推荐

ReentrantLock 重入锁在说 Redisson 之前我们先来说一下 JDK 可重入锁: ReentrantLockReentrantLock 保证了 JVM 共享资源同一时刻只允许单个线程进行操作实现思路ReentrantLock 内部公平锁与非公平锁继承了 AQS[AbstractQueuedSynchronizer]1、AQS 内部通过 volatil 修饰的 in…
阅读更多...
android创建文件夹和文件的一些经验教训

android创建文件夹和文件的一些经验教训

这几天做一个功能需要在手机上创建一个文件夹&#xff0c;然后往里面存储一些文件&#xff0c;首先得考虑用户有没有sdcard&#xff0c;如果有就在sdcard上创建一个指定的文件夹&#xff0c;如果没有则在你的工程所在的目录“/data/data/你的包名”下创建文件夹。用到的方法是&…
阅读更多...
7种分布式事务的解决方案，一次讲给你听

7种分布式事务的解决方案，一次讲给你听

本文约5300字&#xff0c;阅读时长「5分钟」什么是分布式事务分布式事务是指事务的参与者、支持事务的服务器、资源服务器以及事务管理器「分别位于不同的分布式系统的不同节点之上」。一个大的操作由N多的小的操作共同完成。而这些小的操作又分布在不同的服务上。针对于这些操…
阅读更多...
js中的转译_JavaScript中的填充和转译

js中的转译_JavaScript中的填充和转译

js中的转译JavaScript is rapidly advancing. Today its the most popular programming/scripting language that devs use to code logic and applications and is used in umpteen number of places. The community behind its development hasnt stopped creating and addin…
阅读更多...
css @media 响应式布局

css @media 响应式布局

2019独角兽企业重金招聘Python工程师标准>>> &#xfeff;1、在 html 标签中 <link rel"stylesheet" type"text/css" href"style1.css" media"screen and (min-width: 600px) and (max-width: 800px)"> 2、在样式表中…
阅读更多...
Apache JK Tomcat 集群问题

Apache JK Tomcat 集群问题

2019独角兽企业重金招聘Python工程师标准>>> 这几天被集群并发问题快折腾死了&#xff0c;望哪位高人看下到底是哪里出现了问题。 Apache Server是正常的&#xff0c;各服务器的Tomcat 也是正常的&#xff0c;但当Apache的连接数达到 300左右的时候&#xff0c;JK就…
阅读更多...
Redis实现分布式锁的7种方案，及正确使用姿势！

Redis实现分布式锁的7种方案，及正确使用姿势！

种方案前言日常开发中&#xff0c;秒杀下单、抢红包等等业务场景&#xff0c;都需要用到分布式锁。而Redis非常适合作为分布式锁使用。本文将分七个方案展开&#xff0c;跟大家探讨Redis分布式锁的正确使用方式。如果有不正确的地方&#xff0c;欢迎大家指出哈&#xff0c;一起…
阅读更多...
c#中的long类型示例_C＃中带示例的无符号字节数组

c#中的long类型示例_C＃中带示例的无符号字节数组

c#中的long类型示例C&#xff03;中的无符号字节数组 (Unsigned Byte Array in C#) In C#.Net, we can create an unsigned byte array by using byte, byte is used to store only positive values between the range of 0 to 255 (Unsigned 8 bits integer). 在C&#xff03;…
阅读更多...
Android软件开发之盘点所有Dialog对话框大合集（一）

Android软件开发之盘点所有Dialog对话框大合集（一）

转&#xff1a;http://xys289187120.blog.51cto.com/3361352/657562/ 雨松MOMO带大家盘点Android 中的对话框 今天我用自己写的一个Demo 和大家详细介绍一个Android中的对话框的使用技巧。 1.确定取消对话框 对话框中有2个按钮 通过调用 setPositiveButton 方法 和 setNegat…
阅读更多...
JDK 9 对字符串 String 的优化，挺有意思！

JDK 9 对字符串 String 的优化，挺有意思！

String类可以说是Java编程中使用最多的类了&#xff0c;如果能对String字符串的性能进行优化&#xff0c;那么程序的性能必然能大幅提升。这不JDK9就对String字符串进行了改进升级&#xff0c;在某些场景下可以让String字符串内存减少一半&#xff0c;进而减少JVM的GC次数。Str…
阅读更多...
最新文章

Copyright @ 2022~2023