javascript - 提交 Javascript 表单值

标签 javascript jquery-mobile jquery-events

我有一个移动测验,我将 10 个表单问题加载到隐藏的 div 中,回答每个问题后,我淡出并隐藏该问题并取消隐藏下一个问题,在他们完成 10 个问题后,我如何得到它将实际数据发布到服务器上等待的脚本...form method=post action=process_quiz.php ..我不太确定在哪里/如何添加最终提交按钮(显然在最后一个div中)但是使用 Javascript 代码来发布表单数据。

$(document).ready(function() 
{ 


        $('.btnNext').click(function()
        {

                $(this).parents('.questionContainer').fadeOut(500, function()
                {
                    $(this).next().fadeIn(500);
                });

        }); 

            $('.btnPrev').click(function()
            {
                $(this).parents('.questionContainer').fadeOut(500, function()
                {
                    $(this).prev().fadeIn(500);
                });


            });     
}); 

最佳答案

$("#mySubmit").click(function(){
    $("#myForm").submit();
});

只要表单定义了以下属性:

<form action="process_quiz.php" method="post">

jQuery 表单 .submit() 函数的文档位于此处: http://api.jquery.com/submit/

按钮位于何处,甚至是否是带有上述代码的提交按钮,都并不重要。如果它是位于表单 DOM 元素内的实际提交按钮,那么它将在单击时自动提交表单,而无需您指定它。

关于javascript - 提交 Javascript 表单值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12944198/

相关文章:

javascript - Symfony2 Ajax 根本不启动

jquery - 使用 JQuery 移动导航栏的垂直选项卡

javascript - 如何使用 jquery mobile、phonegap 关闭应用程序后加载主页

javascript - 如何使用 JavaScript 或 jQuery 将 null 值设置为变量?

javascript - 为什么这个 html/JavaScript 组合会这样打印?

javascript - 合并相关的时间序列数据

php - PHP 中使用关键字过滤数组?

javascript - 有人用过 ECMAScript 代理吗?

javascript - jQuery 移动按钮有时只会被选中,但不会发生页面转换

javascript - jQuery 观察 domElement 的变化?