使用Jquery UI提交表单

Question

我希望立即下载按钮提交表单。 我努力了

getElementById("forms").submit();
$("form").submit();
$("#forms").submit();

仍然没有任何效果。

UI会弹出并执行其他所有假设，但不会提交表单

Java脚本

    $(document).ready(function(){
    $("#dialog-download ").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        width: 325,
        modal: true
    });
    $(".opener").click(function(){
        var that = this;
        var checkbox = $(that).next(":checkbox");

        $("#dialog-download").dialog("option", {
            buttons: {
                "Download Now": function(){
                    $(checkbox).prop("checked", !$(checkbox).attr("checked"));
                    $("#dialog-download").dialog("close");
            $("#forms").submit();
                },
                "Download Later ": function(){
                    $(checkbox).prop("checked", !$(checkbox).attr("checked"));
                    $("#dialog-download").dialog("close");
                },
                "Cancel": function(){
                    $("#dialog-download").dialog("close");
                }
            }
        });
        $("#dialog-download").dialog("open");
    });
});

的HTML

<div id="dialog-download" title="Download Now?">
    <p><span style="float:left; margin:0 7px 20px 0;"></span>Download the file now or later?</p>
</div>

<form id = "forms" method="post" action="<?php echo $PHP_SELF;?>">
<a class="opener" href="#">db1.csv:</a>
<input id="c1" type="checkbox" name="download[]" value="db1.csv" /><br />
<...>
<input id="submit" type="submit" name="submit" value="submit" >
</form>

Answer 1

请参阅Submit submit()上的jQuery文档。

表单及其子元素不应使用与表单属性（例如，提交，长度或方法）相冲突的输入名称或ID。 名称冲突可能导致混乱的故障。 有关规则的完整列表以及要检查这些问题的标记，请参阅DOMLint 。

http://jsfiddle.net/Fj2cC/4/