看板 Web_Design 關於我們 聯絡資訊
※ 引述《KAPP (時間が....)》之銘言: : ※ [本文轉錄自 Ajax 看板] : 作者: KAPP (時間が....) 看板: Ajax : 標題: [問題] 表格刪除列的問題 : 時間: Wed Feb 27 18:08:56 2008 : 先稍微說明一下我的頁面 : 一開始只有一個textfield和insert button : 下方則是有個表格 : 今天當使用者在textfield自由輸入後 : 可以在下方的表格中新增一列使用者所輸入的值 : 並且在一旁有一個刪除的鈕 : 讓使用者可以刪除這一列 : 但我目前遇到的問題是 : 每次刪除時都只能刪除最後一列 : 我猜測問題應該是出在javascript的部份 : 可是卻找不到真正有問題的部份 原始碼有點長就沒細看了,不過如果是每列都有一個刪除鈕, 其實程式就可以蠻簡單的 onclick="del_row(this)" function del_row(el){ el.parentNode.parentNode.parentNode/*一直到 table 的那一層*/\ .removeChild(el.perentNode.parentNode/* 到 tr那一層 */) } 或是直接 onclick="this.parentNode.parentNode.parentNode.removeChild(this.\ parentNode.parentNode)" 不必用到迴圈 用迴圈的情形是譬如點擊的按鈕不是在要刪除的 row 這一層下, 因此需要依照每個 row 給的 id 或其它可供索引的值, 去比對找出要刪除的 row, 或是有 checkbox,一次可以勾幾個列一併刪除之類的時候 才要這麼麻煩。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 219.81.198.170