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

Question

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

以下是jsfiddle：http://jsfiddle.net/kM9Yg/2/

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

添加更多内容的按钮属于<input type="button"/>类型而非<input type="reset" />

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

Answer 1

使用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);
}