如何将输入字段动态添加到表单中
How to dynamically add input fields to a form
我目前正在使用资产管理系统。该公司分布在不同的地区。
如果资产项目未在使用中,则此系统可以再次将这些项目返回存储。
我想做的是退货有很多东西。所以我有这样的输入字段:
<td><input type="text" name="asset_id[]"/></td>
<td><input type="text" name="batch_code[]"/></td>
<td><input type="text" name="description[]"/></td>
<td><input type="text" name="status[]"/></td>
// current condition of the item
我不能一次又一次地使用这些字段,我不知道每种特定情况需要多少字段。
如果用户需要,我可以给他/她一个添加输入字段的选项,我该怎么做。
在这里你可以看到这样的东西http://jsfiddle.net/damian_silvera/ATzne/
使用JS/jQuery:
HTML:
<a href="#" id="plus_row">Add Row</a>
jQuery
$(document).ready(function(){
$("a#plus_row").click(function(){
$("table#form_table").append($("table#form_table").find('tr').get(0));
});
});
相关文章:
- 使用 JavaScript 计算并添加表单输入的值
- Ionic Framework如何为带有国家代码的手机号码添加表单
- 在springmvc中动态添加表单元素
- 选择动态添加表单的元素
- 通过 jquery 添加表单
- WordPress - 访问简码 HTML 并添加表单验证以停止空表单提交
- 允许用户添加表单输入字段:为什么 append() 只工作一次
- 使用 Angular 动态添加表单输入
- JQuery 添加表单元素迭代 ID
- 使用 jQquery 动态添加表单元素
- 如何在此弹出窗口中添加表单数据
- Thymeleaf+spring+Jquery动态添加表单
- jQuery 动态添加表单域,删除表单域
- 如何在多步jquery中添加表单步骤验证(使用单选按钮)
- 为virtualmart中所需的输入字段添加表单中的星号
- 如何使用javascript随机添加表单输入值
- 从下拉菜单选择动态添加表单
- Javascript:点击添加表单
- 动态添加表单输入字段
- 用javascript添加表单