jQuery UI - 更改提交功能

Question

我有一个jquery对话框，它加载一个表单并在提交按钮上，它提交表单

    dialog = $("#dialog-form").dialog({
        autoOpen: false,
        height: 440,
        width: 420,
        modal: true,
        buttons: {
            "Submit": function () {
                $("#LogOnForm").submit();
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

假设#LogOnForm是简单的形式，文本字段很少。

现在我决定在对话框中使用jquery选项卡来加载多个表单，并根据所选的选项卡调用相应的表单

$("#tabs").bind("tabsselect", function (event, ui) {
        switch (ui.index) {
            case 0:
                //Change the submit function
                break;

            case 1:
               //Change the submit function
                break;
        }

我的问题是如何根据所选标签更改提交功能？

我经历了一些类似suggested here的工作。

有关优雅方式的任何建议吗？

Answer 1

你可以试试这个..

var formid;

$("#tabs").bind("tabsselect", function (event, ui) {
    switch (ui.index) {
        case 0:
            formid = '#form1';
            break;

        case 1:
           //Change the submit function
            break;
    }

$(formid).submit();