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>






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

关于Jquery 获取表单FORM所有元素进行AJAX提交

前提交代: 获取 表单FROM所有的元素可以采用var a = $('#form_id').serializeArray() 进行获取; var form_data = $.serializeArra...
  • winxsm
  • winxsm
  • 2016年12月25日 12:31
  • 11163

js form对象的三种获取方式

js form对象的三种获取方式 Title function test(){ // var form1=docume...
  • miachen520
  • miachen520
  • 2016年07月08日 19:08
  • 6264

JS获取表单元素的value

  • shiqianrongcsdn
  • shiqianrongcsdn
  • 2015年07月20日 11:50
  • 1832

jQuery如何获取动态添加的元素

一、问题描述   用jQuery的append()方法动态添加了一段html代码之后,发现在为新添加的元素绑定click事件时无法获取该新元素。 二、解决方法   度娘推荐的方法基本是用l...
  • liu4071325
  • liu4071325
  • 2016年10月10日 18:01
  • 5976

JavaScript遍历HTML表单元素及表单定义

在JavaScript代码中,使用document.getElementsByTagName("*"),通过document对象,遍历HTML所有元素(HTML DOM Element )。...
  • xiaoyw
  • xiaoyw
  • 2015年05月18日 22:00
  • 3929

JS获取表单所有元素(键值对方式)

1年前接到一个项目,需要把项目内所有同步提交的表单改造为异步AJAX提交,当然不可能大量更改原有代码,采用的思路是,form提交时,在onsubmit方法中采用AJAX完成提交动作。实现方式为编写自定...
  • u014716149
  • u014716149
  • 2015年05月04日 22:38
  • 2794

Javascript 正确地引用表单和表单元素

所有的 html 表单都应该有一个 name 属性。对于 XHTML 文档来说,name 属性是不被要求的,但 Form 标签中应有相应有 id 属性,并必须用 document.getElement...
  • jiestyle21
  • jiestyle21
  • 2011年11月09日 23:40
  • 1163

js 获取表单数据

function getForm() { var form = document.getElementById("form1"); //获取id为“form1”表单中所有的属性的...
  • csdn9_14
  • csdn9_14
  • 2016年11月07日 16:38
  • 7256

js动态获取表单元素

代码如下,我添加一行以后,页面上能够显示添加出来的输入框, 1  js第6行使用的是"克隆节点"函数,克隆后的节点里边并没有html,需要第9行的代码去填充内容 2  使用克隆功能,因为该...
  • wang710599511
  • wang710599511
  • 2015年11月20日 11:59
  • 563

javaScript学习_利用表单获取数据 .

原文 1.HTML表单基础   元素常用属性:   method          该属性可以是GET也可以是POST,这是向服务器传送数据的两种方式   ...
  • SHMILYRINGPULL
  • SHMILYRINGPULL
  • 2011年09月29日 17:46
  • 9578
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js动态获取表单元素
举报原因:
原因补充:

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