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--;
}
}
これがページのjsfiddleです
http://jsfiddle.net/xjsc16x/TctQx/1/
申し訳ありませんが、それが大きいことは知っていますが、何が問題なのかわかりません。moreFields 関数はフィールドを正しくコピーします (2 つのテキスト ボックスのみ) が、増分 ID を正しく実装しているかどうかはわかりません。
クリア機能は正しいと思いますが、IDを読み取れませんか? 誰でも私を助けてもらえますか?