Javascript 动态添加新字段会重置以前字段中的值

我使用HTML/Javascript组合动态添加字段

以下是它的JSFIDLE：

我的问题是，如果我在字段中输入值，然后单击“添加更多”按钮，则会添加一个新字段，但会重置以前字段的值

添加更多的按钮类型为

，而不是

---

有什么方法可以防止这种情况吗？

使用DOM方法，而不是innerHTML。DOM方法是标准化的，innerHTML不是。某些浏览器将当前值反映为默认值，而其他浏览器则不会

你可以做：

var el, oEl = document.getElementById('divToClone');
if (oEl) {
  el = oEl.cloneNode(true);
  // code here to fix duplicate ids and
  // set style.display = '' so it's visible

  oEl.parentNode.appendChild(el);
}

---

使用DOM方法，而不是innerHTML。DOM方法是标准化的，innerHTML不是。某些浏览器将当前值反映为默认值，而其他浏览器则不会

你可以做：

var el, oEl = document.getElementById('divToClone');
if (oEl) {
  el = oEl.cloneNode(true);
  // code here to fix duplicate ids and
  // set style.display = '' so it's visible

  oEl.parentNode.appendChild(el);
}

---

我刚刚签入了JSFIDLE，在单击“添加更多”按钮后，这些值不会重置。我从下拉列表中选择了一些值，然后单击“添加更多”按钮。未在以前的字段中重置这些值。你能详细解释一下你的问题吗？如果有误解，请纠正我。@SelvakumarP:您使用的是什么浏览器？我使用的是Chrome15，它们为刚刚签入JSFIDLE的meI重置，在我单击“添加更多”按钮后，这些值不会重置。我从下拉列表中选择了一些值，然后单击“添加更多”按钮。未在以前的字段中重置这些值。你能详细解释一下你的问题吗？如果有误解，请纠正我。@SelvakumarP:您使用的是什么浏览器？我用的是Chrome 15，它们会重置为甲烷。这是一些好消息。不知道innerHTML不是DOM方法。谢谢。这是一些好消息。不知道innerHTML不是DOM方法。