您的位置:首页 > Web前端 > JQuery

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

2016-03-11 14:55 615 查看
前言:写这个是为了实现使用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;

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: