`
chenhua_1984
  • 浏览: 1251138 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

js添加一个新行,可以输入的Input,用于添加更多的业务

阅读更多

     <input type="button" onclick="addNewRow();" value="添加更多"/>

	function addNewRow(){
				var num=document.getElementById("num").value;
				var newNum=(num-0)+1;
				document.getElementById("num").value=newNum;
				
				var length=document.getElementById("dataApt").rows.length;
				newRow=document.getElementById("dataApt").insertRow(3);
				newRow.id="newId";
				td1=newRow.insertCell(0);
				td1.id="appVersion";
				td1.innerHTML="版本号";
				
				td2=newRow.insertCell(1);
				var input = document.createElement("input"); 
				input.id="appversion"+num;
				input.name="appversion"+num;
				td2.appendChild(input);
				
				
				td3=newRow.insertCell(2);
				td3.id="md5s";
				td3.innerHTML="MD5值";
				
				td4=newRow.insertCell(3);
				var input = document.createElement("input"); 
				input.id="md5value"+num;
				input.name="md5value"+num;
				td4.appendChild(input);
				
			}

 

 
  • 大小: 30.5 KB
分享到:
评论
3 楼 chenhua_1984 2015-04-29  
代码很久了,这个应该是包裹在外面的DIV的ID
2 楼 Zyj8421 2015-04-29  
能把你的jsp页面信息也一同发出来么。num id之类的都不知道从哪来的,能说明一下么
1 楼 dreaming_ben 2013-02-21  
能把你的jsp页面信息也一同发出来么。num id之类的都不知道从哪来的,能说明一下么

相关推荐

    input输入下拉框

    使用`jquery.editable-select`插件,我们可以将这两个元素的功能合并,创建一个既可输入又可下拉选择的控件。以下是一些关键的使用步骤: 1. **引入资源**:在HTML文件中,我们需要引入jQuery库和editable-select...

    输入框只能输入0.5的倍数

    为了限制用户只能输入0.5的倍数,我们可能需要将type设为"number",因为它提供了更多的内置验证功能。 ```html &lt;input type="number" step="0.5" min="0" max="10"&gt; ``` 这里的`step`属性用于定义输入值的递增或...

    输入框回车生成标签的demo

    在IT领域,特别是前端开发中,"输入框回车生成标签的demo"是一个常见的功能,它主要用于用户输入信息并以标签形式展示,便于管理和展示数据。这个功能在很多应用场景下非常实用,比如社交媒体、论坛、博客评论等,...

    js实现输入框输入的自动匹配功能

    以上只是一个基础的实现,实际应用中可能需要考虑更多细节,比如输入为空时隐藏列表、高亮当前匹配项、支持用户通过上下键选择匹配项、处理回车键选择等。`InputAutoFix.js`很可能会包含这些增强功能的代码。 测试...

    ReactAngularEmber和纯JavaScript的输入格式限制控件

    Ember.js是一个模型-视图-控制器(MVC)的JavaScript框架,强调约定优于配置。Ember的数据绑定和模板系统使得在表单中处理输入变得简单。我们可以利用`ember-concurrency`库配合计算属性(computed properties)来...

    JS下拉框-输入自动弹出

    以上是一个基础的实现,实际应用中可能需要考虑更多细节,如输入的延迟加载、分页加载、错误处理、用户体验优化等。此外,随着前端技术的发展,现在更常见的是使用React、Vue等框架,它们提供了更丰富的组件和状态...

    javascript实现依次输入input自动定焦

    在进行Web开发时,表单输入是经常需要处理的一个环节。在很多应用场景中,例如填写个人资料、账号密码、支付信息等,用户可能需要依次输入多个输入框。为了提升用户体验,常常需要实现一个功能,即用户在填写完一个...

    react-reacttaginput一个极其简单的标签React组件

    1. **实时标签添加**:当用户在输入框中输入内容并按下空格或指定分隔符时,会自动创建一个新的标签。 2. **自定义样式**:可以通过CSS或React的样式API来定制组件的外观,以适应不同应用的设计风格。 3. **验证和...

    使用JavaScript 完成表单的自动计算

    在网页设计中,JavaScript是一种非常重要的脚本语言,它能够为用户提供动态交互体验。当我们需要在表单中实现数据的实时计算时,...实践中,还可以结合实际需求进行更多定制化的设计,让计算功能更符合业务场景。

    手机端页面使用的数字小键盘

    在移动设备上,为了优化用户体验,开发者经常需要定制特定功能的数字输入键盘。在这个场景下,我们关注的是“手机端页面使用...在实际开发中,还可以考虑添加更多功能,如输入验证、格式化显示等,以满足更复杂的需求。

    react-tag-input:React和可编辑标签的简单标签输入组件

    React Tag Input是一个专门为React开发的轻量级组件,它允许用户在输入框中输入文本,并将其转化为可编辑的标签。这个组件特别适用于那些需要用户输入多选数据的应用场景,如关键词选择、分类标记等。其核心特性在于...

    JQuery动态给table添加、删除行 改进版

    - 对于删除操作,可以添加一个选择器,让用户可以选中多个行后一次性删除。 以上这些知识点和操作技巧,不仅展示了jQuery操作DOM的强大能力,也透露了前端开发中对于用户体验的细致考量。在实际开发过程中,开发者...

    Javascript Validator

    "Javascript Validator"是一个专门用于表单验证的控件,版本号为v1.05。 在HTML表单中,数据验证通常涉及以下几个方面: 1. **非空验证**:检查用户是否填写了必填字段,防止空值提交。 2. **格式验证**:如邮箱、...

    JS自动补全下拉框代码

    JavaScript自动补全功能,也称为智能提示或自动完成,是一种常见的前端交互设计,常用于搜索引擎、表单输入等场景,以提升用户体验。本代码示例实现了基础的自动补全功能,但AJAX部分需要开发者自行添加。以下是关于...

    php获取表单中多个同名input元素的值

    在实际开发中,前端页面可能还需要支持动态添加或删除输入框,例如通过JavaScript实现“添加更多”和“删除”按钮。这时,服务器端的PHP代码仍能通过上述方法获取到所有输入的值,因为动态添加的`&lt;input&gt;`元素同样...

    javascript邮箱验证

    为了增强验证功能,你可以根据需求添加更多的正则表达式规则,或者在验证函数中加入更多的业务逻辑,比如检查邮箱是否已被注册。 6. **实际应用中的注意事项** 在实际开发中,前端验证只是第一道防线,因为用户...

    最常用的时间控件-js

    通过new Date()构造函数可以创建一个新的日期实例。Date对象提供了多种方法,如getFullYear(), getMonth(), getDate(), getHours(), getMinutes(), 和getSeconds(),用于获取日期和时间的不同部分。此外,还可以使用...

    ampersand-input-view-extension:`&符号输入视图`的扩展

    以上代码创建了一个新的输入视图实例,设置了初始值并指定了自定义的验证规则。 通过深入理解和使用ampersand-input-view-extension,开发者可以构建出更具有用户体验感的前端应用,同时保持代码的模块化和可维护性...

    jquery 自动完成输入插件

    jQuery作为一个轻量级、功能丰富的JavaScript库,为开发者提供了丰富的插件选择,其中之一便是"jQuery Suggest"插件。这个插件旨在提高用户在输入框中的搜索效率,通过动态加载和显示匹配项,帮助用户快速找到目标...

    jQueryAutocomplete模糊匹配下拉可输入.rar

    5. **处理选中事件**:可以添加一个事件监听器,当用户从下拉列表中选择一个项时,执行相应的操作,比如填充其他表单字段或触发某些业务逻辑。 ```javascript $("#inputField").on("autocompleteselect", function...

Global site tag (gtag.js) - Google Analytics