JQuery 动态创建表单,并自动提交
2016-03-11 14:55
615 查看
前言:写这个是为了实现使用cookie进行自动登录的功能,
下面的代码是一个元素一个元素进行创建和赋值的,
(可以尝试下将所有的html代码(form、input)全部拼好以后放到${ } 中,再进行提交。)
submit的时候注意下写法,就这样
下面的代码是一个元素一个元素进行创建和赋值的,
(可以尝试下将所有的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;
相关文章推荐
- JQuery 使用.show()和.hide()做的可爱动画
- JQuery 一些特殊符号的使用
- JQuery 兼容所有浏览器的复制到剪切板功能
- JQuery 数据加载中禁止操作页面
- JQuery 遍历没有id的控件
- JQuery.Ajax()的data参数类型
- jquery miniUi使用小结
- jQuery.Validator Sample
- offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
- HTML5开发移动web应用—JQuery Mobile(2)-列表
- 使用原生js+jquery 对加载好的表格进行部分列的合并
- 基于jQuery日历插件制作日历
- jquery 判断checkbox是否选中
- jquery 删除cookie失效的解决方法
- jquery 过滤器
- 【jquery】jquery插件的拓展方法
- JQuery的change无效
- jQuery中的选择器
- jQuery对下拉框Select操作总结
- jquery中的prop和attr比较区别