JQuery提交隐藏表单

时间:2011-01-24 15:16:02

标签: javascript jquery forms

我知道这很简单,但我今天无法理解,我找不到合适的解决方案。

我有一系列填充数据的标签。最后是确认选项卡。此时,他们可以点击“提交”按钮。按下此按钮时,将使用所有相关数据填充隐藏表单。我想要提交此表单,但我无法弄清楚如何使用JQUery提交表单。我试图在按钮上触发,但也许我做错了。下面是点击按钮的代码示例。注意填充的值,我只是无法获取提交表单

  $('#submitAppointment').click(function() {
        $("#" + formName + "schedule_id option[value='" + $("input[name='appointmentTime']:checked").val() + "']").attr('selected', 'selected');      
        $("#" + formName + "apt_date").val($("#confirmDate").text());
        $("#" + formName + "first_name").val($("#confirmFirstName").text());
        $("#" + formName + "last_name").val($("#confirmLastName").text());
        $("#" + formName + "email").val($("#confirmEmail").text());
        $("#" + formName + "phone").val($("#confirmPhone").text());
        $("#" + formName + "notes").val($("#confirmNotes").text());
        $('#appt_form').submit(function() {
            alert('Handler for .submit() called.');
            return false;
        });
    });

关于修改提交功能需要做些什么的任何想法?

3 个答案:

答案 0 :(得分:5)

怎么样

$('#appt_form').submit();

如果您希望表单提交实际继续,请不要从处理函数返回false。如果您打算在没有刷新页面的情况下使用表单发布,那么您正在讨论可以使用$.post()的ajax操作。 (目前尚不清楚这是你想要做的事情。)

答案 1 :(得分:3)

假设#appt_form选择器找到了您要提交的表单,只需使用无参数形式的.submit(这只是.trigger('submit')的别名)

$('#appt_form').submit();

答案 2 :(得分:2)

我认为您应该尝试致电

$('#appt_form').submit()

如果appt_form是您的表单ID。该命令应该基于jQuery文档提交表单。

这是jQuery submit function documentation