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;

 

posted @ 2016-03-11 14:55  已注销1  阅读(1570)  评论(0编辑  收藏  举报