87,910
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
zhz586 2004-10-27
- 打赏
- 举报
还是给分吧 谢你啦
：）
：）
zhz586 2004-10-27
- 打赏
- 举报
找到了
<input type=text id=num name=num>
<input type=button value="添加" onclick='create()'>
<table><tr><td id=ice></td></tr></table>
<script>
function create()
{
var num = document.all.num.value;
var str = "";
for(i=0;i<num;i++)
{
str += "<input type=text name=text"+i+">";
}
ice.innerHTML = str;
}
</script>
<input type=text id=num name=num>
<input type=button value="添加" onclick='create()'>
<table><tr><td id=ice></td></tr></table>
<script>
function create()
{
var num = document.all.num.value;
var str = "";
for(i=0;i<num;i++)
{
str += "<input type=text name=text"+i+">";
}
ice.innerHTML = str;
}
</script>
zhz586 2004-10-27
- 打赏
- 举报
各个输入栏的name没见到设置嘛~~~不是很好用啊~~~~
求各位继续帮忙啦
sos
求各位继续帮忙啦
sos
梅雪香 2004-10-27
- 打赏
- 举报
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
while(i--){
if(src==tab.rows[i]){
alert("就是这行----"+ i);
tab.deleteRow(i);
}
}
}
</script>
</head>
<body>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="25%">奶类</th>
<th scope="col" width="25%">数量</th>
<th scope="col" width="25%">总重</th>
<th scope="col" width="25%">单价</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>
这里用的是行的点击事件 ，自己改成按钮的就行了
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
while(i--){
if(src==tab.rows[i]){
alert("就是这行----"+ i);
tab.deleteRow(i);
}
}
}
</script>
</head>
<body>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="25%">奶类</th>
<th scope="col" width="25%">数量</th>
<th scope="col" width="25%">总重</th>
<th scope="col" width="25%">单价</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>
这里用的是行的点击事件 ，自己改成按钮的就行了
