JQuery 動態建立表單,並自動提交
阿新 • • 發佈:2019-01-02
前言:寫這個是為了實現使用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;