jQuery动态创建表单并提交

最新推荐文章于 2026-05-13 16:26:47 发布

转载最新推荐文章于 2026-05-13 16:26:47 发布 · 4.3k 阅读

标签

#表单 #javascript #jquery

收录于

本文介绍了一种利用jQuery动态创建HTML表单的方法，并实现了表单的自动提交功能。通过JavaScript代码，可以轻松地为表单添加各种类型的输入字段，如隐藏字段和文本框等。

$("button").click(function(){
        action = "http://www.baidu.com";
        form = $("<form></form>")
        form.attr('action',action)
        form.attr('method','post')
        input1 = $("<input type='hidden' name='input1' />")
        input1.attr('value','input1 value')
        input2 = $("<input type='text' name='textinput' value='text input' />")
        form.append(input1)
        form.append(input2)
        form.appendTo("body")
        form.css('display','none')
        form.submit()
    })