主页 > 知识库 > ASP之处理用Javascript动态添加的表单元素数据的代码

ASP之处理用Javascript动态添加的表单元素数据的代码

热门标签:银行业务 团购网站 科大讯飞语音识别系统 Mysql连接数设置 Linux服务器 阿里云 服务器配置 电子围栏
上一篇文章讲到了动态添加表单元素,这次我们来讲讲怎么样来处理这些动态添加的表单元素传过来的数据! 怎么样动态添加表单元素,我这里就不细说了!不明白的看看上一篇文章https://www.jb51.net/html/200711/23/12856.htm下面是动态添加表单元素的页面代码!
复制代码 代码如下:

html > 
head> 
title>动态添加表单元素BlueShine/title> 
/head> 
script language="javascript"> 
function AddElement(mytype){ 
var mytype,TemO=document.getElementById("add"); 
var newInput = document.createElement("input");  
newInput.type=mytype;  
newInput.name="input1";//这个是必须的,在处理页中要用到! 
TemO.appendChild(newInput); 
var newline= document.createElement("br"); 
TemO.appendChild(newline); 

/script> 
body> 
 form action="getdata.asp" method="post" name="frm"> 
 p style=" background:#FFEC8B;border:solid 1px #1E90FF;font-size:13px;line-height:200%;width:100px;text-align:center">a style="color:#218868;" href="javascript:void(0)" onClick="AddElement('text')">添加文本框/a>/p> 
 p id="add">/p> 
   label> 
   input type="submit" name="Submit" value="提交"> 
   /label> 
   label> 
   input type="reset" name="Submit2" value="重置"> 
   /label> 
/form> 
/body> 
/html> 

下面是数据处理页面代码:  
复制代码 代码如下:

%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> 
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
html xmlns="http://www.w3.org/1999/xhtml"> 
head> 
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
title>动态添加表单元素/title> 
/head> 
body> 
div style="font-size:13px">% 
dim data,arr,n 
data=Trim(Request.Form("input1"))'这就是在代码中定义的name属性 
arr=split(data,",")'用Split函数对数据进行分割! 
Response.Write("这是未分割的数据:") 
 Response.Write(data) 
 Response.Write("br>") 
 Response.Write("br>") 
 Response.Write("这是用Split函数分割后的数据:") 
 Response.Write("br>") 
 for n= 0 to ubound(arr) 
 Response.Write(arr(n)) 
 Response.Write("br>") 
 Next 
  %>/div> 
/body> 
/html> 
您可能感兴趣的文章:
  • 原生js实现获取form表单数据代码实例
  • Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
  • form表单数据封装成json格式并提交给服务器的实现方法
  • JS获取一个表单字段中多条数据并转化为json格式
  • 基于JavaScript实现带数据验证和复选框的表单提交
  • Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
  • 利用JS轻松实现获取表单数据
  • JavaScript动态添加数据到表单并提交的几种方式

标签:江苏 枣庄 衡水 萍乡 广元 蚌埠 衢州 大理

巨人网络通讯声明:本文标题《ASP之处理用Javascript动态添加的表单元素数据的代码》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266