1.动态表单的界面,从csdn论坛上参考
<html
<head
<title无标题文档</title
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
<script language="javascript"
var curRow=null;
var y=1;
function selectRow(){
var e=window.event;
var tr1=e.srcElement;
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",selectRow);
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="删除此行"'+(y++);
document.all.count.value=y-1;
break;
case 1:newcell.innerHTML=div2.innerHTML;break;
case 2:newcell.innerHTML=div3.innerHTML;break;
case 3:newcell.innerHTML=div4.innerHTML;break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
//alert(newrow.outerHTML);
}
function delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
var j=tab.rows.length;
while(i--){
if(src="http://img.jcwcn.com/attachment/portal"就是这行----"+ i);
document.all.count.value=j-3;
tab.deleteRow(i);
}
}
}
</script
</head
<body
<form name="form1" action="2.asp" method="post" onsubmit=return(checkv())
<h3请输入经销商的通讯信息:</h3
姓 名: <input type="text" name="jxname"<br
地 址: <input type="text" name="jxadd"<br
电 话: <input type="text" name="jxtel"<br
请输入库存信息<br
<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
<input type="hidden" name="count" value="count"
<input type="submit" id="btnSub" name="btnSub" value="提交"<br
</form
<div id="div1" style="display:none "<input id="txt" type="text" name="id" style="width:97%; background-color:#FFFFEF"</div
<div id="div2" style="display:none "<input id="txt" type="text" name="id1" style="width:97%; background-color:#FFFFEF" value="11"</div
</body
<div id="div3" style="display:none "<select name="id2" style="width:97%; background-color:#FFFFEF"
<option value="箱"箱</option
<option value="件"件</option
</select</div
<div id="div4" style="display:none "<input id="txt" type="text" name="id3" style="width:97%; background-color:#FFFFEF" value="33"</div
<script language="javascript"
function checkv()
{
if (form1.jxname.value.length == 0)
{
alert("请填写姓名和地址!");
form1.jxname.focus();
return false;
}
else if(!(check_number(form1.id1.value)))
{
alert("数量只能为数字")
form1.id1.focus();
return false;
}
else
return (true);
}
function check