1.动态表单的界面,从csdn论坛上参考
<html>
<cabeza>
<título>无标题文档</título>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312">
<lenguaje de escritura="javascript">
var curRow=null;
var y=1;
función seleccionarFila(){
var e=ventana.evento;
var tr1=e.srcElement;
si (fila actual)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
función agregarFila(fuente){
//alerta(fuente);
var nueva fila = src.insertRow(src.rows.length-1);
newrow.attachEvent("al hacer clic",selectRow);
nueva fila.altura=20;
var i=4;
mientras(yo--){
var nueva celda = nueva fila.insertCell();
cambiar(i){
caso 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">'+(y++);
documento.all.count.value=y-1;
romper;
caso 1:newcell.innerHTML=div2.innerHTML;break;
caso 2:newcell.innerHTML=div3.innerHTML;break;
caso 3:newcell.innerHTML=div4.innerHTML;break;
predeterminado: newcell.innerHTML=div1.innerHTML;break;
}
}
//alerta(newrow.outerHTML);
}
función delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
var j=tab.rows.length;
mientras(yo--){
si(src==tab.rows[i]){
//alerta("就是这行----"+ i);
document.all.count.value=j-3;
tab.deleteRow(i);
}
}
}
</script>
</cabeza>
<cuerpo>
<formulario nombre="form1" acción="2.asp" método="publicar" onsubmit=return(checkv())>
<h3>请输入经销商的通讯信息：</h3>
Nombre: <input type="text" name="jxname"><br>
Nombre: <input type="text" name="jxadd"><br>
Nombre: <input type="text" name="jxtel"><br>
请输入库存信息<br>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellpadding="1" cellpacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th alcance="col" width="25%">品名</th>
<th alcance="col" width="25%">规格</th>
<th alcance="col" width="25%">库存量</th>
<th alcance="col" ancho="25%">操作</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tabla>
<tipo de entrada="oculto" nombre="recuento" valor="recuento">
<tipo de entrada="enviar" id="btnSub" nombre="btnSub" valor="提交"><br>
</formulario>
<div id="div1" style="display:none "><input id="txt" type="text" name="id" style="ancho:97%; color de fondo:#FFFFEF"></ div>
<div id="div2" style="display:none "><input id="txt" type="text" name="id1" style="ancho:97%; color de fondo:#FFFFEF" valor ="11"></div>
</cuerpo>
<div id="div3" style="display:none "><seleccione nombre="id2" style="ancho:97%; color de fondo:#FFFFEF" >
<opción valor="箱">箱</option>
<opción valor="件">件</option>
</select></div>
<div id="div4" style="display:none "><input id="txt" type="text" name="id3" style="ancho:97%; color de fondo:#FFFFEF" value=" 33"></div>
<lenguaje de escritura="javascript">
función checkv()
{
si (formulario1.jxnombre.valor.longitud == 0)
{
alerta("请填写姓名和地址！");
form1.jxname.focus();
devolver falso;
}
else if(!(check_number(form1.id1.value)))
{
alerta("数量只能为数字")
form1.id1.focus();
devolver falso;
}
demás
retorno (verdadero);
}
función check_number(myint)
{
var comprobarOK = "0123456789";
var checkStr = miint;
var allValid = verdadero;
var puntos dec = 0;
var todoNum = "";
para (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
para (j = 0; j < checkOK.length; j++)
si (ch == comprobarOK.charAt(j))
romper;
if (j == comprobarOK.longitud)
{
todo válido = falso;
romper;
}
todoNum += ch;
}
si (!todo válido)
{
retorno (falso);
}
retorno (verdadero);
}
</script>
</html>
2. 2.asp文件
<%
'////////////////////取表单数据
respuesta.write("共"+request.form("count")+"记录")
i=solicitud.formulario("recuento")
jxnombre=request.form("jxnombre")
jxadd=solicitud.formulario("jxadd")
jxtel=solicitud.formulario("jxtel")
respuesta.write(solicitud.form("jxname"))
respuesta.write("<br>")
respuesta.write(solicitud.form("jxadd"))
respuesta.write("<br>")
respuesta.escribir(solicitud.formulario("jxtel"))
respuesta.write("<br>")
str1=recortar(solicitud.formulario("id1"))
str2=recortar(solicitud.formulario("id2"))
str3=recortar(solicitud.formulario("id3"))
matrizA=Dividir(cadena1,",")
arrayb=Dividir(str2,",")
arrayc=Split(str3,",")
Para i = 0 a UBound(arrayA)
Respuesta.Escribir "<LI>" & arrayc(i)&"--"&arrayb(i)&"--"&arrayA(i)
Próximo
'///////////////////写入xml文件
objeto oscuro
Raíz de objeto tenue
ObjChild1 tenue
Oscuro objChild2
Oscuro objChild3
objeto oscuroChild4
objeto oscuroPI
PINodo tenue
Establecer objDom = Server.CreateObject ("Microsoft.XMLDOM")
'/////写入样式
Establecer PINode=objDom.CreateProcessingInstruction("xml-stylesheet", "type='text/xsl'
href='list.xsl'")
objDom.appendchild PINodo
'/////创建根接点
Establecer objRoot = objDom.createElement("kucunbiao")
objDom.appendChild objRoot
Establecer objChild1 = objDom.createElement("jxname")
objChild1.text=jxnombre
objRoot.appendChild objChild1
Establecer objChild2 = objDom.createElement("jxadd")
objchild2.text=jxadd
objRoot.appendChild objChild2
establecer objChild3=objDom.createElement("jxtel")
objChild3.text=jxtel
objRoot.appendChild objChild3
establecer objChild4=objDom.createElement("kucun")
objRoot.appendChild objChild4
Para i = 0 a UBound(arrayA)
Establecer objField = objDom.createElement("field")
'创建属性taborder。
Establecer objattTabOrder = objDom.createAttribute("taborder")
'设定taborder的属性值
objattTabOrder.Text = i
'把taborder的属性值追加到field元素中去.
objField.setAttributeNode objattTabOrder
'创建一个新的元素field_value.
Establecer objFieldValue2= objDom.createElement("nombre")
objFieldValue2.Text = matrizc(i)
Establecer objFieldValue = objDom.createElement("guige")
objFieldValue.Text = arrayb(i)
establecer objFieldValue1=objDom.createElement("shuliang")
objFieldValue1.Text = matrizA(i)
'追加field元素为根元素的子元素.
objChild4.appendChild objField
'追加field_value做为子元素的内容
objField.appendChild objFieldValue
objField.appendChild objFieldValue1
objField.appendChild objFieldValue2
próximo
Establecer objPI = objDom.createProcessingInstruction("xml","version='1.0'")
objDom.insertBefore objPI, objDom.childNodes(0)
objDom.Save "f:xml"&jxname&".xml"
'//////////释放资源
Establecer objDom = Nada
Establecer objRoot = Nada
Establecer objField = Nada
Establecer objFieldValue = Nada
Establecer objattID = Nada
Establecer objattTabOrder = Nada
Establecer objPI = Nada
Establecer PINode=Nada
%>
3. 用xsl显示提交的xml,list.xsl
<?xml versión="1.0" codificación="gb2312" ?>
<xsl:stylesheet version="1.0" xmlns:xsl=" http://www.w3.org/1999/XSL/Transform ">
<xsl:template match="/">
<html>
<estilo del cuerpo="fondo:#DFEEBB"><izquierda>
<h3>姓名：<xsl:value-of select="kucunbiao/jxname"/></h3>
<h3>地址：<xsl:valor-de select="kucunbiao/jxadd"/></h3>
<h3>电话：<xsl:valor-de select="kucunbiao/jxtel"/></h3>
<borde de tabla="1" ancho="600">
<xsl:apply-templates select="kucunbiao/kucun" >
</xsl:apply-templates>
</table></left>
</cuerpo>
</html>
</xsl:plantilla>
<xsl:template match="kucun">
<tr>
<td width="60%"><div align="center">名称</div></td>
<td width="20%"><div align="center">规格</div></td>
<td width="20%"><div align="center">数量</div></td>
</tr>
<xsl:para-cada seleccionar="campo">
<tr>
<td><xsl:valor-de seleccionar="nombre"/></td>
<td><xsl:valor-de seleccionar="guige"/></td>
<td><xsl:valor-de seleccionar="shuliang"/></td>
</tr>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>
感谢http://lucky.diy.myrice.com/index.html技术支持