JSP 動態添加行列 適用於 IE 及 Firefox

 

 var cellCount = 0;<br />function addTR() {<br />cellCount++;<br />//得到要操作的表<br />var table = document.getElementById("t1");</p><p>//動態添加行<br />var newRow = document.createElement ("tr");<br />//動態建立列<br />var newCell0 = document.createElement ("td");<br />var newCell1 = document.createElement ("td");<br />//動態新增內容<br />newCell0.appendChild(document.createTextNode ("欄位"+(cellCount + 1)+""));<br />newRow.appendChild (newCell0);<br />newCell1.innerHTML = "<input type='text' name='cell" + cellCount + "' >";<br />newRow.appendChild (newCell1);<br />document.getElementById("tbody1").appendChild (newRow);</p><p>/******************* 一下方法在IE中可以，但在Firefox中不行<br />//動態添加行<br />var newRow = table.insertRow();<br />//在新的行裡面添加列<br />var newCell0 = newRow.insertCell();<br />newCell0.innerHTML = "欄位" + (cellCount + 1);<br />var newCell = newRow.insertCell();<br />//向列裡新增內容<br />newCell.appendChild = (document.createTextNode("<input type='text' name='cell" + cellCount + "' >"));<br />//newCell.innerHTML = "<input type='text' name='cell" + cellCount + "' >";<br />*******************/<br />document.getElementById("cellCount").value = (cellCount+1);<br />}</p><p><table width="200" border="0" id="t1"><br /><tbody id="tbody1"><br /><tr><br /><td nowrap="nowrap"><br />資料庫<br /></td><br /><td style="text-align:left;" mce_style="text-align:left;"><br /> <jsp:include page="../includes/dbList.jsp"/><br /></td><br /></tr><br /><tr><br /><td><br />表名<br /></td><br /><td><br /><input name="tbName" type="text" /><br /></td><br /></tr><br /><tr><br /><td><br />主鍵<br /></td><br /><td><br /><input name="rowKey" type="text" /><br /></td><br /></tr><br /><tr><br /><td nowrap="nowrap"><br />欄位1<br /></td><br /><td><br /><input name="cell0" type="text" /><br /></td><br /></tr><br /></tbody><br /></table><br /><table><br /><table><br /><tr ><br /><td nowrap="nowrap"><br /><input name="" type="button" value="添加欄位" align="left" onclick="addTR();" /><br /></td><br /><td><br /><s:submit name="addTeicTB" value="提交" align="left" method="addTeicTB"/><br /></td><br /><td><br /><input type="reset" value="重設" /><br /></td><br /></tr><br /></table>