動態添加新字段重置以前字段中的值

我使用HTML/Javascript組合動態添加字段。動態添加新字段重置以前字段中的值

這裏是它的jsfiddle：http://jsfiddle.net/kM9Yg/2/

我的問題是，如果在現場我輸入值，然後點擊添加更多按鈕，一個新的領域被添加，但之前的字段的值獲得復位。

的按鈕來添加更多的是<input type="button"/>型的，而不是<input type="reset" />

任何辦法阻止呢？

來源

2011-12-09 xbonez

我只是在檢查的jsfiddle後，我點擊「添加更多」按鈕的值不會被重置。我從下拉菜單中選擇了一些值，然後點擊「添加更多」按鈕。這些值在之前的字段中未被重置。你能詳細解釋你的問題嗎？糾正我如果誤解了。 –

@SelvakumarP：你使用的是什麼瀏覽器？我使用的是Chrome 15，他們爲我重置 – xbonez

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

來源

2011-12-09 07:36:12 RobG

謝謝。這是一些很好的信息。不知道innerHTML不是一種DOM方法。 – xbonez

動態添加新字段重置以前字段中的值

回答

相關問題