[問題] 請問要如何清掉頁面？(已解決)
板上的各位前輩你們好，小的又來問問題了...
我寫了一個網頁，用了select的選單來即時增加欄位；
想問各位前輩，選擇了以後，有創建text欄位了，
不過，如果要重新選擇，要怎麼清掉之前選的欄位？
因為現在選擇２，就會產生兩個空白欄位，如果再選擇３，
會再額外產生３個欄位，會變成五個欄位；有用別的方法清除，
不過另外選擇以後就失效了，所以想問問板上的前輩有什麼方法？
部分程式如下：
--------head--------
<script type = "text/javascript">
function addRow(id)
{
for(var count = 1; count <= id; count++)
{
var obj=document.getElementById('text_field');
var sIndex=obj.getElementsByTagName('div').length+1;
var div=document.createElement('div');
var input=document.createElement('input');
input.type='text';
input.name='author[]';
input.size='30';
div.appendChild(input);
obj.appendChild(div);
}
}
</script>
-------body-------
<tr>
<td>
<select name = "question_ans" onchange="addRow(this.value);">
<option>選項
<option value="2">2
<option value="3">3
<option value="5">5
</select>
</td>
</tr>
<tr>
<td>
<div id='text_field'>
</div>
</td>
請問這邊要怎麼處理？拜託板上各位前輩教導我 > <
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 36.232.99.87
→
09/24 09:02, , 1F
09/24 09:02, 1F
→
09/24 11:28, , 2F
09/24 11:28, 2F
推
09/24 12:29, , 3F
09/24 12:29, 3F
阿，可以正常運作了ＯＷＯ
我在addRow()裡面先取得div的數量，然後加入了一個for迴圈，
在for迴圈裡面跑
var Domid = document.getElementById("text_field").lastChild;
document.getElementById("text_field").removeChild(Domid);
這兩行程式清掉之前增加的div，然後再新增就可以了ＯＷＯ
非常感謝前輩們的教導...m(_ _)m
PS. 我有Google Remove()函式，有點不是很了解；
不過裡面也有講到removeChild()的範例...
所以才用了removeChile()，
不知道和remove()的用法是不是一樣？
※ 編輯: TarocciKa 來自: 163.23.24.209 (09/24 14:14)
→
09/24 16:57, , 4F
09/24 16:57, 4F
阿~那就沒問題了XDDD
因為有看到remove()的範例，可是不會用...
謝謝前輩的指導ＯＷＯ
※ 編輯: TarocciKa 來自: 163.23.24.209 (09/24 19:27)
推
09/24 23:53, , 5F
09/24 23:53, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
