MozTW 討論區 • 檢視主題 - 在Firefox如何使用Javascript動態增加表格?

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

在Firefox如何使用Javascript動態增加表格?

第 1 頁 (共 1 頁)

[ 4 篇文章 ]

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

發表人

內容

capcomwyc1

文章主題 : 在Firefox如何使用Javascript動態增加表格?

發表於 : 2006-12-13, 23:58

註冊時間: 2006-12-13, 23:38
文章: 2

我想用Javascript動態增加表格，
按新增就會多一個<input type="text">，
但前面已經輸入的資料不會消失，
在網路上找到以下這種方法，
但只能用在IE上，
Firefox不支援，
想請問在Firefox要用什麼方法?
或者說有什麼好一點的方法?

代碼:

<html>
<head><title>CPM</title></head>
<SCRIPT language = "JavaScript">
function addRow(){
var Tr = inputJob.insertRow();
var Td = Tr.insertCell();
Td.innerHTML = "<input type=text>";
}
</SCRIPT>
<body>
<a href = "javascript:addRow()">新增</a>
<form name = "formJob">
<table id = "inputJob" border = "0">
</table>
</form>
</body>
</html>

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0

不惑仔Boohover

文章主題 :

發表於 : 2006-12-14, 11:15

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

var Tr = inputJob.insertRow();
改成
var Tr = document.getElementById("inputJob").insertRow();
試看看吧

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0

james

文章主題 :

發表於 : 2006-12-14, 19:25

註冊時間: 2005-05-17, 14:12
文章: 232

insertRow與insertCell須傳遞參數，指定插入位置：
0 - 為插入於最前面的項次
-1 - 則加入至最後

原程式碼可修改如下：

代碼:

<html>
<head><title>CPM</title></head>
<SCRIPT language = "JavaScript">
function addRow(n){
var Tr = document.getElementById("inputJob").insertRow(n);
var Td = Tr.insertCell(n);
Td.innerHTML = "<input type=text>";
}
</SCRIPT>
<body>
<a href = "javascript:addRow(-1);">新增</a>
<form name = "formJob">
<table id = "inputJob" border = "0">
</table>
</form>
</body>
</html> 