javascript - 为克隆的表单元素添加唯一的名称

标签 javascript appendchild clonenode

我们正在使用以下代码创建一个可以通过按按钮进行扩展的表单,但我们在向输入字段添加唯一名称时遇到问题。我们可以添加唯一 ID,但是当我们将其更改为名称时,它就停止工作了。帮助? :( 非常感谢您的建议。

var counter = 0
function cloneRow() {
   counter ++;      
   var row = document.getElementById("rowToClone"); // find row to copy
   var table = document.getElementById("tableToModify"); // find table to append to
   var clone = row.cloneNode(true); // copy children too
   var theName= row.name;
   clone.name = theName + counter++; // change id or other attributes/contents
   table.appendChild(clone); // add new row to end of table
}

最佳答案

试试这个:-

var clone = row.cloneNode(true); // copy children too

    var theName= row.getAttribute('name');

    clone.setAttribute('name', theName + counter++);// change id or other attributes/contents

关于javascript - 为克隆的表单元素添加唯一的名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17044498/

相关文章:

javascript - 如何更新由 REACTJS 中的数组映射呈现的输入文本

c# - 像JS的confirm方法一样使用Jquery的jConfirm

javascript - 如何通过他的内容得到一个HTML元素?

javascript - 如何使用 cloneNode 克隆文本区域?

javascript - Internet Explorer 中的克隆节点

javascript - element.cloneNode(true)(深度克隆)的效率如何?

javascript - 仅当存在另一个属性时才允许使用 Typescript 属性

javascript - appendChild 不适用于某些元素

jquery - IE7 和 IE8 中意外调用方法或属性访问

javascript - 将 HTML 元素复制并插入到新的弹出 block 中