js动态创建Form表单并提交

最新推荐文章于 2025-01-15 09:14:41 发布

MySomeday

最新推荐文章于 2025-01-15 09:14:41 发布

阅读量3.2k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/ale2012/article/details/50582297

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JavaScript动态创建Form表单及表单项，并实现表单提交。此外，还提供了删除表单的方法。代码已在Firefox中测试通过。

摘要生成于 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);

<end>