jquery动态生成form表单并提交

最新推荐文章于 2025-05-30 15:52:55 发布

原创最新推荐文章于 2025-05-30 15:52:55 发布 · 5.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #form #动态创建form

前端开发专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的表单提交示例，通过点击按钮触发表单的POST请求，并详细展示了如何创建动态表单及设置表单的action属性等关键步骤。

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

<button onclick="toDetailPage(this, '1234', 'test')">测试</button>
<script type="text/javascript" language="javascript">
function toDetailPage(object, uid, namespace) {
    var form = $("<form method='post'></form>");
    form.attr({"action":"data/index.do"});
    var input1 = $("<input type='hidden'>").attr("name", "namespace").val(namespace);
    var input2 = $("<input type='hidden'>").attr("name", "labels").val($(object).attr("data-labels"));
    var input3 = $("<input type='hidden'>").attr("name", "uid").val(uid);
    form.append(input1);
    form.append(input2);
    form.append(input3);
    // 这步很重要，如果没有这步，则会报错无法建立连接
    $("body").append($(form));
    form.submit();
}
</script>