MozTW 討論區 • 檢視主題 - [已解決][求助][javascript問題].innerHTML取得的輸入框(input)資料是舊的

所有顯示的時間為 UTC + 8 小時

[已解決][求助][javascript問題].innerHTML取得的輸入框(input)資料是舊的

第 1 頁 (共 1 頁)

[ 3 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

iefiru

文章主題 : [已解決][求助][javascript問題].innerHTML取得的輸入框(input)資料是舊的

發表於 : 2009-07-10, 01:18

註冊時間: 2009-07-09, 23:50
文章: 2

狀況描述：
我設計了一個表單，利用每按一次Add呼叫ElementAdd()，就會新增一組已經含有值的輸入框：

代碼:

function ElementAdd(){
    var e = document.getElementById("content");
    e.innerHTML = e.innerHTML + "<input type=\"text\" value=\"default\"/><br/>";
}

當輸入框產生後，我修改了輸入框的內容後，再新增一個輸入框，此時修改過的輸入框的值，又會變回原本的值(default)原意是希望能保留。
按一次Add：

修改內容：

再按一次Add，此時原本修改的又還原了：

瀏覽器：Firefox3.0.11
*使用IE6時正常

完整原始碼：

代碼:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
        <script type="text/javascript">
        function ElementAdd(){
       var e = document.getElementById("content");
       e.innerHTML = e.innerHTML + "<input type=\"text\" value=\"default\"/><br/>";
         }
        </script>
    </head>
    <body>
        <a onclick="ElementAdd()">Add</a>
        <form>
            <div id="content">
            </div>
        </form>
    </body>
</html>

請問這種情況該如何解決？

附加檔案:

03.png [956 Bytes]
被下載 273 次

02.png [780 Bytes]
被下載 260 次

01.png [863 Bytes]
被下載 264 次

最後由 iefiru 於 2009-07-12, 23:35 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

訪客

文章主題 :

發表於 : 2009-07-10, 02:17

代碼:

function ElementAdd(){
    var e = document.getElementById("content");
    var child = document.createElement("input");
    child.setAttribute("type","text");
    child.setAttribute("value","default");
    e.appendChild(child);
    e.appendChild(document.createElement("br"));
}

回頂端

Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.9.1) Gecko/20090625 Firefox/3.5rc3

iefiru

文章主題 :

發表於 : 2009-07-10, 03:11

註冊時間: 2009-07-09, 23:50
文章: 2

感謝！問題解決了。
所以說用document.createElement();新增元素才是比較正規的寫法？

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

第 1 頁 (共 1 頁)

[ 3 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 20 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :