<html>
<table> <tr>
<td> <input type="button" value="insert"></td>
</tr>
//点"insert"生成这样的四列和一个"delete"按钮,点"delete"删除这样的四列。各位帮帮忙啊,JS知识有限实在写不出啊。
没分了,下次一定补上,谢谢了。
<tr>
<td>BL No: <input type="text"></td>
</tr>
<tr>
<td>BL Qty: <input type="text"></td>
</tr>
<tr>
<td>BL Stowage: <input type="text"></td>
</tr>
<tr>
<td>BL Date <input type="text"></td>
</tr>
<tr>
<td><input type="button" value="delete"></td>
</tr>
</table>
</html>
<table> <tr>
<td> <input type="button" value="insert"></td>
</tr>
//点"insert"生成这样的四列和一个"delete"按钮,点"delete"删除这样的四列。各位帮帮忙啊,JS知识有限实在写不出啊。
没分了,下次一定补上,谢谢了。
<tr>
<td>BL No: <input type="text"></td>
</tr>
<tr>
<td>BL Qty: <input type="text"></td>
</tr>
<tr>
<td>BL Stowage: <input type="text"></td>
</tr>
<tr>
<td>BL Date <input type="text"></td>
</tr>
<tr>
<td><input type="button" value="delete"></td>
</tr>
</table>
</html>
解决方案 »
- 我用jquery做了一个异步的上传图片 但是无法获取文件绝对路径无法上传 请问怎么办
- 这段代码在WIN7下正常,在XP下为啥不正常了呢?急。在线等。
- JS 增行问题
- 菜鸟问题:如何用脚本在网页中嵌入网页?
- 如何用javascrip方式执行dos命令
- 弹出窗口能不能令父窗口刷新,如何实现?急
- 关于DOM的奇怪现象!!!
- ?user_id=XXX问题!
- 用sql语句实现可以吗?
- 高分看看这段代码:<input type='hidden' name=abc value='a'><input type='hidden' name=abc value='b'>为什么提交后只有一个参数能传上
- Ext.FormPanel加载不到数据
- 关闭thickbox弹出层后,页面上的文本框无法聚焦
<head>
<title>无标题页</title>
<script language=javascript>
function addrow()
{
var table=document.getElementById("tab1");
oTBody=table.tBodies[0];
var newRow=oTBody.insertRow(oTBody.rows.length);
var cell=newRow.insertCell();
cell.innerHTML = "BL No: <input type='text'>"; var newRow=oTBody.insertRow(oTBody.rows.length);
var cell=newRow.insertCell();
cell.innerHTML = "BL Qty: <input type='text'>"; var newRow=oTBody.insertRow(oTBody.rows.length);
var cell=newRow.insertCell();
cell.innerHTML = "BL Stowage: <input type='text'>"; var newRow=oTBody.insertRow(oTBody.rows.length);
var cell=newRow.insertCell();
cell.innerHTML = "BL Date <input type='text'>";
}
function deleteall()
{
var table=document.getElementById("tab1");
var temp=table.rows.length;
for (i=0;temp>i;i++)
{
table.deleteRow(table.rows.length-1);
}
}
</script>
</head>
<body>
<table id=tab1>
</table>
<input type="button" onclick =addrow() value="insert">
<input type="button" onclick=deleteall() value="delete">
</body>
</html>
function ins(elem){
var row = elem.parentNode.parentNode, table = row.parentNode;
if (!table._t) {
table._t = document.createDocumentFragment();
var i = 0, rows = table.getElementsByTagName('tr');
for (; i < rows.length; i++) {
rows[i] === row || table._t.appendChild(rows[i].cloneNode(true));
}
}
table.appendChild(table._t.cloneNode(true));
}
function del(elem){
var row = elem.parentNode.parentNode, table = row.parentNode;
if (table._t) {
var rows = table.getElementsByTagName('tr'), i = rows.length - 1,
l = (i - table._t.childNodes.length) || (table._t.childNodes.length + 1);
for (; i > l; i--) {
rows[i].parentNode.removeChild(rows[i]);
}
}
}
</script>
<table>
<tr>
<td><input type="button" value="insert" onclick="ins(this);">
<input type="button" value="delete" onclick="del(this);"></td>
</tr>
<tr>
<td>BL No: <input type="text"></td>
</tr>
<tr>
<td>BL Qty: <input type="text"></td>
</tr>
<tr>
<td>BL Stowage: <input type="text"></td>
</tr>
<tr>
<td>BL Date <input type="text"></td>
</tr>
</table>