javascript 增加及刪除table的欄位
javascript 2008 十二月 21st請看
噗 因為不知道要講什麼當開頭
insertRow(數字) 中的數字就是要插入的位置
所以如果這個數字使用-1 就可以插入在最後一個位置
deleteRow(數字) 也是一樣 看要刪除第幾個就填入多少
使用-1就是刪除掉最後一個
這是js新增的部份
function add_new_data() {
//先取得目前的row數
var num = document.getElementById("mytable").rows.length;
//建立新的tr 因為是從0開始算 所以目前的row數剛好為目前要增加的第幾個tr
var Tr = document.getElementById("mytable").insertRow(num);
//建立新的td 而Tr.cells.length就是這個tr目前的td數
Td = Tr.insertCell(Tr.cells.length);
//而這個就是要填入td中的innerHTML
Td.innerHTML='<input name="name[]" type="text" size="12">';
//這裡也可以用不同的變數來辨別不同的td (我是用同一個比較省事XD)
Td = Tr.insertCell(Tr.cells.length);
Td.innerHTML='<input name="content[]" type="text" size="12">';
//這樣就好囉 記得td數目要一樣 不然會亂掉~
}
這是js刪除的部份
function remove_data() {
//先取得目前的row數
var num = document.getElementById("mytable").rows.length;
//防止把標題跟原本的第一個刪除XD
if(num >2)
{
//刪除最後一個
document.getElementById("mytable").deleteRow(-1);
}
}
這是html的部份
<!-- 這邊設定table的id 讓javascript用 -->
<table id="mytable" width="580">
<tr>
<td width="150" class="td01">名稱</td>
<td width="200" class="td01">備註</td>
</tr>
<tr>
<td>
<input name="name[]" type="text" size="12">
</td>
<td>
<input name="content[]" type="text" size="12">
</td>
</tr>
</table>
五月 30th, 2009 at 21:24:49
感謝分享!
想要請教,可以新增textarea嗎?
五月 30th, 2009 at 22:41:35
新增textarea可以參考這篇http://blog.hsin.tw/2008/javascript-form-input/的作法
把input改成textarea
然後改變其他textarea可以用的屬性(像是rows cols這些)
就可以囉
一月 24th, 2010 at 15:20:39
請問 若要根 php 結合 謝入資料庫 該怎樣做?
一月 25th, 2010 at 09:29:16
input的name如果是寫成這樣content[]
php接收時 $_POST['content']就會是一個array
看表單有幾個content[] 這個array就有幾個 依序排列
看是要用for或是foreach去把每個值取出來作處理
接著就可以作存入資料庫的動作了
不知道你的問題是不是這個意思?
php及資料庫的部份 找本書來看看會比較詳細