jQuery 添加 input 表单提交无数据

上次开发项目，我发现一个很奇怪的现象，让我苦恼了很久，现在分享给大家，希望大家看完就会弄。

情况是这样的，直接上代码：

<html>
<head></head>
<body>
<form action="xx.php" method="post" >
<table><tr id='before'>
<td>用户名</td>

<td><input type='text' name='uname'/></td>

 </tr>

<tr><td><input type='submit' value='提交'/></td></tr>

</table></form>

<script>
var op=$("<input type='hidden' name='uid'/>");
$("#before").before(op);
</script>
</body>
</html>


代码如上，有一个表单，表单里面有一个文本框，可以输入用户名。然后，在后面我们用jQuery还添加了一个隐藏域。当点击提交时，你会发现只有用户名被提交了，而用jquery添加的隐藏域却没有提交。

这是为什么呢？

原来，jquery添加的元素，都有一个form属性。如果想要解决这个问题，只需要改两个地方。

1.首先为form取个名字

将

<form action="xx.php" method="post" >

改成

<form action="xx.php" name="myform" method="post" >

2.在创建表单元素时，别忘给表单元素加form属性。

将

var op=$("<input type='hidden' name='uid'/>");

改成

var op=$("<input type='hidden' name='uid'/>");
op.attr("form","myform");

这样提交表单时就会把这个动态创建的元素也提交上去了。

jQuery 添加 input 表单提交无数据相关推荐

form表单提交FormData数据
代码见https://gitee.com/bladeandmaster/freemarkerDemo 1.第一种直接使用form表单的submit提交 2.第二种采用ajax提交,需要设置conten ...
表单提交对数据进行加密详解（RSA加密）
一.使用背景以前在做项目的时候就觉得表单直接明文提交非常不安全.有心之人只要稍加操作就能轻易获取用户的信息,这是非常可怕的事情,但又苦于不知道该如何加密,如何提高安全性. 后来慢慢接触到RSA,才知 ...
php获取表单元素的值,PHP如何获取表单提交的数据
PHP如何获取表单提交的数据 1.超全局数组变量:$_GET[] 描述:获取表单 method = "get" 提交的数据举例:$username = $_GET["u ...
Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验
场景表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
vue form表单提交动态数据
项目vue-cli搭建需求为:vue页面跳转至第三方的支付页面操作流程为:点击确认按钮时得到得到第三方网页的url和参数信息,以form表单的post方式提交尝试了N种方法,都不可以成功完成逻辑 ...
PHP-计算表单提交的数据
简书 : https://www.jianshu.com/p/5a27a9706a5d 目录 1 实践目的与任务 2 使用的工具.环境配置.知识点等 3 实践内容及要求 (1)配置phpS ...
php提交后刷新父页面,jquery – php ajax表单提交没有刷新父页面
我有一些问题的ajax表单提交 $("#send").on("click", function() { $.ajax({ type: "POST&qu ...
Jquery中实现表单提交前的校验
场景为了安全,通常要进行前端校验和后端校验. 前端校验一般在表单提交前实现. 实现 form表单元素添加onsubmit事件 <form id="book" action= ...
html 表单提交跳转新的页面,jquery模拟form表单提交并新打开页面
/** * form表单提交本页面打开 * @param url * @param params */ functionpostCurrent(url,params){ varform = $(&qu ...
js表单提交无反应的问题
首先上代码这个jsp文件是根据用户选择的select值将表单提交给相应的页面进行处理 test6-4-表单.jsp <%@page contentType="text/html;ch ...

jQuery 添加 input 表单提交无数据

jQuery 添加 input 表单提交无数据相关推荐

最新文章

热门文章

jQuery 添加 input 表单提交 无数据

jQuery 添加 input 表单提交 无数据相关推荐

最新文章

热门文章

jQuery 添加 input 表单提交无数据

jQuery 添加 input 表单提交无数据相关推荐