多表单提交

最新推荐文章于 2023-06-21 22:50:40 发布
最新推荐文章于 2023-06-21 22:50:40 发布
阅读量491 收藏
点赞数
文章标签： 表单
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!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>
<title>form</title>
</head>
<script type="text/javascript">
 var p=1;
function CreateUpload()
    {
        p++;
        var div=document.createElement('div');
        var html='<div style="float: left;"><table width="240" height="140" align="center" border="1">'+
        '<tr><td align="right">姓名：</td><td align="left"><input type="text" name="oklinkname" id="oklinkname" value="" size="30" /></td></tr>'+
        '<tr><td align="right">职位：</td><td align="left"><select name="types" id="types1">'+
        '<option value="1">经理</option><option value="2">计调</option><option value="3">财务</option><option value="4">上的</option><option value="5">辅导</option></select></td>'+
        '</td><tr><td align="right">电话：</td><td align="left"><input type="text" name="telnum" id="telnum" value="" size="30" /></td></tr>'+
        '<tr><td align="right">手机：</td><td align="left"><input type="text" name="phonenum" id="phonenum" value="" size="30" /></td></tr>'+
        '<tr><td align="right">QQ：</td><td align="left"><input type="text" name="qqnum" id="qqnum" value="" size="30" /></td></tr>'+
        '<tr><td align="right">Email：</td><td align="left"><input type="text" name="email" id="email" value="" size="30" /></td></tr></table></div>'+
        '<tr><td><a href="javascript:" οnclick="RemoveAdd('+p+')">[-]删除</a></td></tr>';
div.innerHTML=html;
div.style.width="780px";
div.style.marginTop="10px";
div.setAttribute("id","upDiv"+p);
//div.id="upDiv"+p;
document.getElementById('uppics').appendChild(div);
    }
 
function RemoveAdd(id)
{
 var div=document.getElementById('upDiv'+id);
 var div2=document.getElementById('uppics');
 div2.removeChild(div);
}   
    </script>
 
<body>
<form action="add.action"  method="post">
<input id="tj" type="submit" value="提交" />
<div style="width: 100%;" id="uppics">
<div style="width: 100%;" id="upDiv1">
<div style="float: left;">
<table width="240"  align="center" border="1">
<tr><td align="right">姓名：</td><td align="left"><input type="text" name="oklinkname" id="oklinkname" value="" size="30" /></td></tr>
<tr>
<td align="right">职位：</td>
<td align="left">            <select name="types" id="types1">
                <option value="1">经理</option>
                <option value="2">计调</option>
                <option value="3">财务</option>
                <option value="4">上的</option>
                <option value="5">辅导</option>
                </select>
</td></tr>
<tr><td align="right">电话：</td><td align="left"><input type="text" name="telnum" id="telnum" value="" size="30" /></td></tr>
<tr><td align="right">手机：</td><td align="left"><input type="text" name="phonenum" id="phonenum" value="" size="30" /></td></tr>
<tr><td align="right">QQ：</td><td align="left"><input type="text" name="qqnum" id="qqnum" value="" size="30" /></td></tr>
<tr><td align="right">Email：</td><td align="left"><input type="text" name="email" id="email" value="" size="30" /></td></tr>
</table>
</div>
<table>
<tr>
<td><input style="float: left;" class="botton" type="button" οnclick="CreateUpload()"value="[+]继续添加" /></td>
</tr>
</table>
</div>
</div>
 
</form>
</body>
</html>
tyjlearning
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Struts跨页提交
靠天靠地不如靠自己
07-10 651
 问题描述：有时，表单数据太多，无法在同一个页面显示，需要分页完成（如用户注册表单）。这时，既可以为每一个表单创建一个ActionForm，也可以只创建一个ActionForm，它和多个表单对应。这里讨论如何用一个ActionForm对应表单。1.       把HTML表单拆分到多个JSP页面中这里我们把注册表单拆分为两个表单：第一个在insertContent.jsp中定义
antd提交表单_antd多表单提交实例
weixin_39638859的博客
12-23 1492
场景 ： Tabs下有三个TabPane，每个TabPane下是一个form表单，点击不同form下的提交按钮只能验证当前form.item,提交其value值，进行相关操作问题 ： this.props.form.validateFieldsAndScroll()判断校验结果就是对整个页面的Form进行判断，并不能够对单个Form校验结果做判断。解决 ： 把表单作为一个组件独立出去，页面...
同一页面中的多表单提交
you can you up up up的博客
02-23 764
通过传递参数值的不同获取不同的信息。首先设置3个显示表单数据的对象（text1，text2，text3），并且设置其初始值为字符串，其次通过request.getParameter()方法请求对应的表单参数，将参数赋给相应的对象，最后通过表单元素显示提交后相应的信息 遇到的问题：中文乱码,处理的方法是 string message=new String(text1.getBytes(“ISO-88...
用jquery提交多个表单的数据
weixin_33875564的博客
12-11 188
其实对于jquery我也算是菜鸟，有些东西在别人看来很简单，一到我这里就觉得很神奇了。 最后搞公司的一个系统，里面有很多表单提交，AJAX，其中遇到一个问题让我对jquery更感神奇了。 页面上有4个表单，A,B,C,D。 A是基本信息表单，记录了一条记录的主要信息。 B是其明细记录，可以修改。 C是一个按时间段查询的表单，输入时间段后我会用ajax取出一个列表，列...
form多表单提交
cdf2017的博客
09-21 452
1.给标签中的ID  加下标  ，ID 不可重复。 2.js 给一个事件，循环提交每一个form,注意点：必须用ajax异步提交,不然只会提交最后一个form表单的内容。切记！
可实现多表单提交的javascript函数
10-30
### 可实现多表单提交的JavaScript函数 在Web开发中，表单是与用户交互的重要组成部分之一。传统的HTML表单提交方式较为单一，而利用JavaScript可以实现更加灵活的表单处理逻辑，如动态改变表单提交地址、验证表单...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
jquery-safeform:防止多表单提交的jQuery插件
06-12
防止多个表单提交的 jQuery 插件。 安装 bower install jq-safeform --save-dev 使用 jquery.safeform.js 要通过 javascript 启用安全表单： $ ( '#example' ) . safeform ( options ) 选项 名称 类型 默认 ...
多表单提交数据
Miss卿
10-29 185
在前端开发中经常做的一个功能就是，从后台取得一个集合，分别把每条数据都写在页面上。点击全选按钮来提交每条数据的的时候，实现的功能。 在页面的代码中需要做的是在每条数据的checkbox标签中给出不一样的值的标签。一边当我们得到选好的数据后去辨别要提交的数据。 实例： //多表单提交数据         function checkNum()         {         ...
多表单提交的一种解决方法
loverong的专栏
06-03 4715
问题: 一个页面中有两个表单，点击一个按钮时要同时获取两个表单的信息，就是同时提交两个表单。解决方案：要同时提交两个表单是不可能的，我们只能一次一次地提交，如果能够做到提交其中一个表单时不刷新页面，也就做到了提交两个表单了。不刷新页面，有两种方法：1.通过组件 Msxml2.XMLHTTP   http://blog.csdn.net/loveyon/archive/2005/05/25/3808
vue 多表单提交
最新发布
OKMZY的专栏
06-21 462
【代码】vue 多表单提交。
项目的表单提交，以及页面非常多，该如何处理，开发思路总结
c327127960的博客
09-30 953
多页面多表单项目，如何配合后端做保存和回显
多个表单提交的优化方案
weixin_30640769的博客
09-24 262
1.问题 import React from 'react'; import './index.scss'; class Login extends React.Component { constructor(props) { super(props); this.state = { username: '', password: '' } ...
jQuery Ajax提交多部分表单
一名可爱的技术搬运工
05-30 347
一个简单的jQuery Ajax示例，向您展示如何使用Javascript FormData和$.ajax()提交多部分表单。 1. HTML 一个用于上传多个文件和一个额外字段的HTML表单。 <!DOCTYPE html> <html> <body> <h1>jQuery Ajax submit Multipart form&lt...
html表单的边界,多部分/表单数据的边界是什么？
weixin_42146888的博客
06-16 273
多部分/表单-数据包含边界若要分隔名称/值对，请执行以下操作。边界的作用就像提交表单时传递的每个名称/值对块的标记一样。边界将自动添加到请求标头的内容类型中。表格enctype=“多部分/表格-数据”属性将具有一个请求头内容-类型：MultiPart/Form-data；边界-WebKit193844043-h(浏览器生成的Vaue).传递的有效载荷如下所示：Content-Type:multi...
同一个页面提交多个form表单方法
ltk1060669897的博客
06-07 4171
办法1.同一个页面中建立两个表单 各自提交： <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> ...
form表单的多种提交方式及提交前验证
热门推荐
qq_42128262的博客
06-21 2万+
以下是本人总结处来的一些form的提交方式，网上还有别的提交方式，这里我总结了大小分为7类，其实就是三类的提交方式，若有哪里不对的，还请评论指出来，大家一起学习学习 1、无任何验证提交（最普通的提交） 该方式不提供任何的验证方式，当我们点击提交时（提交的前提一定是 <input> 的type="submit"或者加粗样式<button>的type=“submit”） for...
一个页面创建多个表单各自提交问题
不爱熬夜的朱霸霸的博客
11-09 2001
最近做项目的时候遇到了一个问题。具体情况是这样的——在一个页面中，根据后台传来的数据。我需要动态的创建多的表单。这些表单在编辑或者提交时需要做到互不干扰。如图： 之前在网上看了很多文章，大部分都是关于表格的。由于不是专业前端所以一直困扰了我很久。最后终于找到了解决方案 1️⃣ 解决思路，首先页面中有两个按钮，一个是修改，一个是提交。我们的需求是点击哪一个表单里面的提交按钮。就提交哪个表单。 2️⃣ 先给按钮添加单击点击事件
JavaScript实现表单多页面提交
"这篇文档介绍了如何使用JavaScript将表单提交到不同的页面，同时提供了JavaScript的基本概念、特点和功能，以及与Java语言的区别。" 在网页开发中，表单提交是常见的用户交互方式，通常用于登录、注册或找回密码等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值