js动态创建Form表单并提交

最新推荐文章于 2023-06-14 06:50:31 发布

转载最新推荐文章于 2023-06-14 06:50:31 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ryelqy/p/10104111.html

文章标签：

#json

本文介绍如何使用JavaScript动态创建Form表单及其元素，并实现表单的提交及后续删除操作。此方法适用于后台文件处理等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript动态创建Form表单和表单项，然后提交表单请求，最后删除表单，代码片段如下（Firefox测试通过）：

var dlform = document.createElement('form');
dlform.style = "display:none;";
dlform.method = 'post';
dlform.action = '../fileServlet';
dlform.target = 'callBackTarget';
var hdnFilePath = document.createElement('input');
hdnFilePath.type = 'hidden';
hdnFilePath.name = 'filePath';
hdnFilePath.value = filePath;
dlform.appendChild(hdnFilePath);
document.body.appendChild(dlform);
dlform.submit();
document.body.removeChild(dlform);

原文出处：

[1] MySomeDay, js动态创建Form表单并提交, https://www.cnblogs.com/haoqipeng/p/5171431.html

转载于:https://www.cnblogs.com/ryelqy/p/10104111.html