HTML：表和脚本

我想写这样的脚本一次点击一个按钮，它有一个新的行添加到现有的表HTML：表和脚本

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
     function myFunction() { 
      <tr><td></td></tr> 
     } 
    </script> 
</head> 
<body> 
    <table border="1" id="mytable"> 
     <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> 
     <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> 
    </table> 
    <button onclick="myFunction()">Try it</button> 
</body 
</html>

Plesae帮助，我可怎么办呢？

来源

2013-03-25 Rajiv

<！DOCTYPE HTML> <表边界= “1”> 行1，电池1个行1，小区2 行2，小区1 行2，小区2 <按钮的onclick =“myFunction的（）“>试试 – Rajiv 2013-03-25 07:25:00

请检查这一个 http：///stackoverflow.com/questions/171027/add-table-row-in-jquery – Varada 2013-03-25 07:31:02

尝试使用javascript insertRow()方法。

参考：http://www.w3schools.com/jsref/met_table_insertrow.asp

工作例如：http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_table_insertrow

来源

2013-03-25 07:30:10 Mal

非常感谢你，我明白了。在ASP中是可以的。净 – Rajiv 2013-03-25 08:27:25

谢谢你们我想知道更多的东西如何插入组合在myFunction（）这样的服装函数myFunction（）{ str = document.getElementById（'mytable'）。innerHTML; 中newstr =” <选项值= “ACT”> ACT <选项值= “NSW”> NSW <选项值= “NT”> NT <选项值= “QLD”> QLD <选项值= “SA”> SA <选项值= “TAS”> TAS <选项值= “VIC”> VIC行n电池2“; document.getElementById（'mytable'）。innerHTML = str + newstr; } – Rajiv 2013-03-25 14:18:11

'code'function myFunction（）{ str = document.getElementById（'mytable'）。innerHTML; 中newstr =” <选项值= “ACT”> ACT <选项值= “NSW”> NSW <选项值= “NT”> NT <选项值= “QLD”> QLD <选项值= “SA”> SA <选项值= “TAS”> TAS <选项值= “VIC”> VIC行n电池2“; document.getElementById（'mytable'）。innerHTML = str + newstr; } – Rajiv 2013-03-25 14:20:42

尝试的功能等：

SCRIPT

function myFunction() { 
    str=document.getElementById('mytable').innerHTML; 
    newstr='<tr><td><select><option value="ACT">ACT</option> <option value="NSW">NSW</option> <option value="NT">NT</option> <option value="QLD">QLD</option> <option value="SA">SA</option> <option value="TAS">TAS</option> <option value="VIC">VIC</option></select></td><td>row n cell 2</td></tr>'; 
    document.getElementById('mytable').innerHTML=str+newstr; 
}

HTML

<table border="1" id="mytable"> 
    <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> 
    <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> 
</table> 
<button onclick="myFunction()">Try it</button>

小提琴：http://jsfiddle.net/QYg5a/1

您也可以尝试像http://viralpatel.net/blogs/dynamically-add-remove-rows-in-html-table-using-javascript/

来源

2013-03-25 07:33:32

非常感谢你，我明白了。在ASP.net中是可能的 – Rajiv 2013-03-25 08:28:39

谢谢你们我想知道更多的东西如何插入Combo in myFunction（）像这样 – Rajiv 2013-03-25 14:18:31

@Rajiv在我的答案中测试上述变化。 – 2013-03-25 16:17:00

function addRow(tableID) { 

     var table = document.getElementById(tableID); 

     var rowCount = table.rows.length; 
     var row = table.insertRow(rowCount); 

     var cell1 = row.insertCell(0); 
     var element1 = document.createElement("input"); 
     element1.type = "checkbox"; 
     element1.name="chkbox[]"; 
     cell1.appendChild(element1); 

     var cell2 = row.insertCell(1); 
     cell2.innerHTML = rowCount + 1; 

     var cell3 = row.insertCell(2); 
     var element2 = document.createElement("input"); 
     element2.type = "text"; 
     element2.name = "txtbox[]"; 
     cell3.appendChild(element2); 


    } 


<BODY> 

<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 

<TABLE id="dataTable" width="350px" border="1"> 
    <TR> 
     <TD><INPUT type="checkbox" name="chk"/></TD> 
     <TD> 1 </TD> 
     <TD> <INPUT type="text" /> </TD> 
    </TR> 
</TABLE> 

</BODY>

试试这个，如果它满足的你的需求

来源

2013-03-25 07:36:29

试试这个：这里TBL是的id你您要插入新行的表格。

$("#add_row").click(function() { 
    var new_row = "<tr><td>Test1</td><td>Test2</td></tr>"; 
    $("#tbl").append(new_row); 
});

来源

2013-03-25 07:48:22 Gerry

HTML：表和脚本

回答

相关问题