试图克隆表单并增加克隆的id

Trying to clone a form and increment the id of the clones

本文关键字：id 增加 表单      更新时间：2023-09-26
function moreFields() {
     counter++;
     var newFields = document.getElementById("input").cloneNode(true);
     newFields.id = counter;
     newFields.style.display = 'block';
     var newField = newFields.childNodes;
     for (var i=0;i<newField.length;i++) {
         var theName = newField[i].id;
         if (theName) {
             newField[i].id = theName + counter;
            }
        }
     var insertHere = document.getElementById("buttons");
     insertHere.parentNode.insertBefore(newFields,insertHere);
}
function clear() {
     var count = counter;
     while (count>0) {
         var pricetxt = document.getElementById('price'+count);
         pricetxt.value = "";
         var qtytxt = document.getElementById('qty'+count);
         qtytxt.value = "";
         count--;
        }
}

这是页面

的jsnamehttp://jsfiddle.net/xjsc16x/TctQx/1/

对不起，我知道它很大，但我不知道是什么问题。moreFields函数正确地复制字段(只有2个文本框)，但我不确定它是否正确地实现了增量id。

我认为我有明确的功能正确，但它不能读取id ?有人能帮帮我吗?

更改clear()的名称，它工作。你遇到了一个javascript保留字，clear是一个窗口方法

演示:http://jsfiddle.net/TctQx/3/

相关文章：