1. 程式人生 > 其它 >JQuery動態建立Form

JQuery動態建立Form

技術標籤:JavaScript

前言

  • JQuery 3.5.1

JQuery動態建立Form

var form = $("<form></form>");
form.append($("<input type='hidden' name='name' value='張' />"));
form.append($("<input type='hidden' name='deptId[0]' value='1001' />"));
form.append($("<input type='hidden' name='deptId[1]' value='1002' />"));
var formStr = $(form).serialize();
console.log(formStr);
console.log(decodeURI(formStr));

輸出:

name=%E5%BC%A0&deptId%5B0%5D=1001&deptId%5B1%5D=1002
name=張&deptId[0]=1001&deptId[1]=1002