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>






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

JS获取表单元素的value

jQuery 获取表单元素中值的方法

jQuery获取表单的值,根据表单中的内容和表单分类获取 1、根据属性选择input框值 jQuery("input[title='jing']").val(); 表单中一般为input框,可以根据以...

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

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

js遍历form表单元素

//遍历所有的form表单 for(var f=0;f
  • akon_vm
  • akon_vm
  • 2012年09月10日 16:57
  • 10555

js 获取表单数据

function getForm() { var form = document.getElementById("form1"); //获取id为“form1”表单中所有的属性的...

jsp 应用获取表单元素

  • 2009年03月30日 14:19
  • 193KB
  • 下载

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

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

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

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

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

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

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

Ember提供的表单元素都是经过封装的,封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码:Ember.TextField、Ember.Chechb...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js动态获取表单元素
举报原因:
原因补充:

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