1. 程式人生 > >JQuery 動態建立表單,並自動提交

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;