用javascript动态添加和删除文本框

最新推荐文章于 2021-06-10 15:31:05 发布
最新推荐文章于 2021-06-10 15:31:05 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： HTML JS 文章标签： javascript button table
JS 同时被 2 个专栏收录
37 篇文章 0 订阅
订阅专栏
HTML
35 篇文章 0 订阅
订阅专栏
用javascript动态添加和删除文本框
  1. <script   language="javascript">                                   
  2.   function   add()                                   
  3.   {   
  4.         option   =   new   Array();   
  5.         proportion   =   new   Array();                           
  6.         str='<table>';   
  7.         strstr=str+'<tr   align=center   valign=middle   bgcolor=#FFFFFF>';   
  8.         strstr=str+'<td   width="100%"   height="25"><input   type="text"   name=proportion></td>';   
  9.         strstr=str+'<td   width="100%"   height="25"><input   type="button"   name=del   onclick="this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex)"   value="删除"></td>';   
  10.         strstr=str+'</tr></table>';   
  11.         window.upid.innerHTML+=str+'';   
  12.   }                                   
  13.   </script>   
  14.   <html>   
  15.   <head>   
  16.   <title>Untitled   Document</title>   
  17.   <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  18.   </head>     
  19.   <body>       
  20.   <form   name="myform"   onsubmit="javascript:return   check()">       
  21.         <table>       
  22.                 <tr>           
  23.                         <td>     
  24.                                 <input   name="Submit2"   type="button"   onclick="javascript:add()"   value="增加">       
  25.                         </td>           
  26.                 </tr>           
  27.                 <tr>               
  28.                         <td>           
  29.                         <div   id="upid"></div>       
  30.                         </td>           
  31.                 </tr>     
  32.         </table>                                   
  33.   </form>                                   
  34.   </body>                                   
  35.   </html>  
cncco
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS动态添加文本框.html
07-14
JS动态添加文本框.html DEMO实例。
javascript 动态添加/删除 文本框
02-18
可以动态的添加 删除 文本框！代码几乎不用修改就直接能用，简单方便
用javascript动态添加删除文本框
phphot
02-27 2088
    new document                         var   count   =   0;function   Add(num){      count   +=   1;      var   File1   =   document.getElementById("file1");      var   div   =   document.createEle
Js实现动态插入删除文本框
于大大大洋
11-10 2501
Untitled Document var qus = new Array(); function Question() { this.qno = qus.length; this.ono = 0; this.create = function(table) { var qstr = ""; qstr += "问题  " + (
Javascript动态添加文本框的例子
void_1987的专栏
06-14 2261
function add() { option = new Array(); proportion = new Array(); str=''; str=str+
JavaScript实现统计文本框Textarea字数增强用户体验
12-04
要实现这个功能，主要涉及到JavaScript语言，一种广泛用于网页动态效果和交互的脚本语言。在JavaScript中，我们可以通过监听`onkeydown`和`onkeyup`这两个事件来跟踪用户在文本框中的输入。`onkeydown`事件会在用户...
jquery动态生成文本框，含删除按钮
10-17
5. **插入到DOM**：将新生成的文本框和删除按钮添加到容器元素中，例如使用`append()`方法。 在`demo_1.html`中，作为"升级版"，增加了动态序号功能。这意味着每新增一个文本框，它的前面都会有一个唯一的序号，这...
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
10-26
在本文中，我们将深入探讨如何使用JavaScript（js）在前端动态添加文本框，并在后端获取这些文本框的内容。这是一个常见的需求，特别是在构建交互式Web应用程序时，用户可能需要输入多个相似的数据项。 首先，我们...
文本框添加文字标签.rar_humandwe_文本框添加文字标签
09-21
在"表单文本框添加文字标签"的实现中，jQuery可以高效地处理元素的选择、添加、删除以及动态更新，使得这个功能的实现更加简洁和高效。 实现这个功能的基本步骤可能包括以下几点： 1. **选择元素**：首先，你需要...
js动态的在页面上增加或删除三个文本框并换行
csdy08的博客
08-22 764
&lt;html&gt; &lt;head&gt; &lt;title&gt;js动态的在页面上增加或删除一个文本框&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- var textNumber = 1; function addTextBox(form, afterElement) { // Increment the..
js动态生成文本框并有删除功能
11-23
js动态生成文本框并有删除功能js动态生成文本框并有删除功能
用JavaScript实现的一个IP地址输入框
10-30
用JavaScript实现的一个IP地址输入框
JS表操作代码实现增加、删除
11-28
JS表操作代码 实现增加、删除一行 表操作
javascript动态添加删除文本框
Beaver‘s
03-07 258
[code="java"] Insert title here var count = 0; function Add(){ count += 1; var File1 = document.getElementById("file1"); var div = document.createElement("div"); var cou...
js添加删除文本框
huangxinyu_it的专栏
12-23 2222
var count = 1; //用来判断是删除 还是增加按钮 以便count值进行计算 function checkCount(boolOK, coun) { if (boolOK == true) { return count++; } else {
html js添加 删除文档,如何使用js添加、移除和修改页面的某部分内容(DOM)？
weixin_34098296的博客
06-10 532
什么是DOM？DOM(Document Object Model --- 文档对象模型)：是针对HTML和XML文档的一个API(应用程序编程接口)。DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html 和 xml 功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。DOM开始一切生成的组都是类数组。DOM节点的增删改查查(查看元素...
JS添加删除一组文本框并对输入信息加以验证
weixin_34405332的博客
05-21 125
在做项目中遇到这样一个问题，就是我们需要添加几组数据到数据库，但是具体几组数据不确定，有客户来填写，比如我们需要添加打折策略，可能个策略有很多组方案，比如“满100打5折，满200打4折，满500打3折”等等，这是作为一组方案来执行的，但是并不确定一组方案中有几个子方案，所以，这里我用JS进行添加删除子方案，并要对方案输入的正确性加以判断，并且通过json传输写入数据库，这里我们主要写如果添加删除...
js动态的在页面上增加或删除一个文本框
dusea的博客
08-31 3834
转自http://www.5xsj.net/program/8/22/297.html js动态的在页面上增加或删除一个文本框 <!-- var textNumber = 1; function addTextBox(form, afterElement) { // Increment the textbox number textNumber++; // Create
JavaScript添加一个文本框并带有删除按钮
最新发布
05-30
您可以通过以下代码在HTML中添加一个文本框和一个删除按钮： ```html ()">删除 ``` 然后在JavaScript中定义一个名为`clearText()`的函数，以清除文本框中的内容： ```javascript function clearText() { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值