jequery动态创建form

Posted 静以修身!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jequery动态创建form相关的知识,希望对你有一定的参考价值。

var form=document.createElement("FORM");
// 设置属性
form.setAttribute("action","<%=pt.get("cas.url")%>/login");
form.setAttribute("method",‘post‘);

// 创建Input
var name_input = $(‘<input type="text" name="username" />‘);
name_input.attr(‘value‘, name);
var pwd_input = $(‘<input type="text" name="password" />‘);
pwd_input.attr(‘value‘, pwd);
var isajax_input = $(‘<input type="text" name="isajax" />‘);
isajax_input.attr(‘value‘, true);
var lt_input = $(‘<input type="text" name="lt" />‘);
lt_input.attr(‘value‘, lt);
var _eventId_input = $(‘<input type="text" name="_eventId" />‘);
_eventId_input.attr(‘value‘, "submit");

// 附加到Form
form.append(name_input);
form.append(pwd_input);
form.append(isajax_input);
form.append(lt_input);
form.append(_eventId_input);
form.append("</form>");
alert(form.html);
document.body.appendChild(form);
// 提交表单
form.submit();

以上是关于jequery动态创建form的主要内容,如果未能解决你的问题,请参考以下文章

jquery动态创建form表单

使用jquery 动态创建form 并提交

用type动态创建Form

如何将值从一个表单传递到另一个表单的动态创建的控件

删除/删除动态创建的文本框[重复]

Angular 动态创建表单