JQuery 动态创建表单，并自动提交

前言：写这个是为了实现使用cookie进行自动登录的功能，

下面的代码是一个元素一个元素进行创建和赋值的，

(可以尝试下将所有的html代码(form、input）全部拼好以后放到${ } 中，再进行提交。)

submit的时候注意下写法，就这样

               //获取cookie中的值，填充到表单中，提交， 登录var name=getCookieByIndex(1);var pwd=getCookieByIndex(2);//创建from表单及其子元素var form=$("<form></form>"); //设置form的属性值form.attr("action", basePath+"/info/login.html");  form.attr("method", "post");  //创建一个文本框var input_text = $("<input type='text' id='userNo' name='userInfo.loginName' />");  input_text.attr("value", name); //创建一个密码框var input_pwd = $("<input type='password' id='passwd' name='userInfo.loginPwd'/>");  input_pwd.attr("value", pwd); //附加到表单form.append(input_text);form.append(input_pwd);//提交表单  *注意此处的写法，要先将创建的form渲染到body之中才可触发submit()事件，否则是不能触发的form.appendTo(document.body).submit();return false;

转载于:https://www.cnblogs.com/xcxcxcxc/p/5541149.html

JQuery 动态创建表单，并自动提交相关推荐

JQuery动态创建表单并提交
很多时候,当使用链接跳转时,需要传递参数,而使用ajax会丢失参数,使用拼接参数方式,url会不美观,so- function getPlanDetail(ppSn){//去掉单引号取得要提交的参数 ...
jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
关于表单回车自动提交的讨论
关于表单回车自动提交的讨论在做超限查询时,为了用户操作的易用性,在用户输入车牌号码后,直接回车就进行查询的操作,而不是等用户用鼠标点击"查询"了才发送请求去查询.可能我们都以为很 ...
jquery : 动态构建表单自动提交请求
前言有时候,只放置一个button.为了保持html结构简洁,不想套 form 表单时.可以采用下面这种方式,使用 jqurey 动态生成 form 表单后, 自动提交请求,并删除form. 代码 ...
from 表单回车自动提交
自动提交的情况 1 表单只有单个输入框 2 type='submit 这里注意button默认type为submit 解决方法 1 添加一个隐藏的输入框 2 form添加属性 οnsubmit=&q ...
jQuery如何实现表单的自动提示
看到没有,这里用户名那个地方的自动提示用到了下面这个jQuery插件转载于:https://www.cnblogs.com/MyFlora/archive/2012/05/02/2478866.h ...
angular js创建表单_如何优雅的使用 Angular 表单验证
随便说说,这一节可以跳过去年参加 ngChine 2018 杭州开发者大会的时候记得有人问我: Worktile 是什么时候开始使用 Angular 的,我说是今年(2018年) 3 月份开始在新模 ...
Form表单之get提交与post提交
Form表单之get提交与post提交 Form表单的属性action 与method: 属性值 ...
html实现动态多表单输入,提交多个动态添加的html表单
我正在构建一个可以动态添加表单的功能.不是表单字段,而是一个完整的单独的HTML表单.提交多个动态添加的html表单我使用JS添加它们. add_email_template $('#add_ema ...

JQuery 动态创建表单，并自动提交

JQuery 动态创建表单，并自动提交相关推荐

最新文章

热门文章