js动态获取表单元素

原创 2015年11月20日 11:59:11
代码如下,我添加一行以后,页面上能够显示添加出来的输入框,
1  js第6行使用的是"克隆节点"函数,克隆后的节点里边并没有html,需要第9行的代码去填充内容
2  使用克隆功能,因为该方法生成的变量类型是"节点类型", 才可以用到appendChild()函数里做参数


<div class="well well-sm">
    <div class="form-group">
        <label  class="form-label">用户名:</label>
        <input type="text"  placeholder="按照我的样子添加啊" name="jietu[]" class="form-input">
		<button onclick="add_jietu()">点击添加输入框</button>
    </div>
    <div class="form-group" id="add_jietu">
        <label  class="form-label">用户名:</label>
        <input type="text" name="jietu[]" class="form-input"><br><br>
    </div>
</div>
<pre name="code" class="javascript"><script type="text/javascript">
function add_jietu(){
    var add_jietu = document.getElementById('add_jietu');
    var nodeFather = add_jietu.parentNode;
    var node_clone = add_jietu.cloneNode();
    content = add_jietu.innerHTML;
    node_clone.removeAttribute('id');
    node_clone.innerHTML = content;
    nodeFather.appendChild(node_clone);
}
</script>






版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jsp 应用获取表单元素

  • 2009-03-30 14:19
  • 193KB
  • 下载

根据select标签中option选项的变化动态更改表单元素

今天做项目时,有一个功能点,需要根据select标签中option选项的变化动态来决定表单中某一行

angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题

我在做练习中偶然遇到这个问题,与大家分享一下。我也是刚开始接触angularJs,相信也有人同样遇到过。   问题描述:在使用anjularJs框架核心模块ng双向数据绑定,在ng-repeat遍历对...
  • zpcsgo
  • zpcsgo
  • 2016-11-03 19:28
  • 2331

js中的表单元素操作

* 1.表单属性 * 1.action:提交的url * 2.method:提交方式 * 3.elements:表单控件的集合,可以使用下标或者name来访问, * 如:form1.eleme...

js系列教程9-表单元素全解

myform = document.getElementById("myform"); //acceptCharset服务器能够处理的字符集,action请求地址,elements表单字段input集...

Ember.js 入门指南——表单元素

Ember提供的表单元素都是经过封装的,封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码:Ember.TextField、Ember.Chechb...

Jquery给easyui的表单元素赋值,获取值

1.Input     a.    validatebox 定义:   <input type="text" name="userName" id="userNam...

利用数组获取表单元素并循环插入数据库

在之前静态问卷的基础上深化了一下,这次尝试将问卷题目从数据库中读取,但在问卷的提交过程中还是出现了一些问题。 先附上问卷题目的读取代码:

jquery 获取表单元素里面的值

jquery 笔记: $(“input[name='radio_name']:checked”).val() 1 2 3   网上的东西太乱了,而且jQuery不同版本可能写法不太一样,经过...

jQuery获取,遍历和操作表单元素Select,checkbox,radio

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)