狀況描述：
我設計了一個表單，利用每按一次Add呼叫ElementAdd()，就會新增一組已經含有值的輸入框：
代碼:
function ElementAdd(){
var e = document.getElementById("content");
e.innerHTML = e.innerHTML + "<input type=\"text\" value=\"default\"/><br/>";
}
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>
<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 次 |