MozTW 討論區
https://forum.moztw.org/

在Firefox如何使用Javascript動態增加表格?
https://forum.moztw.org/viewtopic.php?f=13&t=16870		 第 1 頁 (共 1 頁)
發表人:  capcomwyc1 [ 2006-12-13, 23:58 ]
文章主題 :  在Firefox如何使用Javascript動態增加表格?
我想用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>
發表人:  不惑仔Boohover [ 2006-12-14, 11:15 ]
文章主題 : 
var Tr = inputJob.insertRow();
改成
var Tr = document.getElementById("inputJob").insertRow();
試看看吧
發表人:  james [ 2006-12-14, 19:25 ]
文章主題 : 
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>
發表人:  capcomwyc1 [ 2006-12-14, 23:00 ]
文章主題 : 
原來要這樣改...
感謝大大
已經解決問題
thx
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/