新しいフィールドを動的に追加すると、前のフィールドの値がリセットされます

Question

フィールドを動的に追加するには、HTML/Javascriptの組み合わせを使用します。 http://jsfiddle.net/kM9Yg/2/

私の問題は、フィールド内のI入力値ならば、で、[その他]ボタンを追加をクリックして、新しいフィールドが追加されますが、前のフィールドの値は、リセットを得る：ここで

はそれのためにjsfiddleです。

以上を追加するボタンは、型<input type="button"/>なく<input type="reset" />

のこれを防止するための任意の方法ですか？

Answer 1

innerHTMLではなく、DOMメソッドを使用します。 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); 
}