繁体   English   中英

用 1 个按钮提交一个 php 表单和一个 javascript 函数

[英]submit a php form and a javascript function with 1 button

我是网络开发的新手,目前我正在 php 中进行测验,我想在 javascript 中添加一个计时器,以根据快速响应给出分数。 但是现在当我发送计时器的剩余时间时,我无法提交带有答案的php表单,我尝试使用“文档。表单。测验。值”但是这样即使没有选择答案,他们也会接受总是正确的。 这是我目前的脚本:

       <html>
       <head>



   <script type="text/javascript">
    function inviare() {
            var resto = secondi_totali;
            window.location = "risultato.php?res=" + secondi_totali;
            }
    </head>
    <body>
     <?php
     <form method='post' action='javascript:inviare()' name='quiz'id='1'>
      <ol>
                <li>
                    <h3>Cosa e java ?</h3>

                    <div>
                    <input type='radio' name='risposta3' value'c'/>
                    <label for='risposta3'>c) una cavolata </label>
                    </div>

                    <div>
                    <input type='radio' name='risposta1' id='risposta1' value='a'/>
                    <label for='risposta1'>a) un cafe  </label>
                    </div>

                    <div>
                    <input type='radio' name='risposta2' value='b'/>
                    <label for='risposta2'>b) un linguaggio </label>
                    </div>

                    <input type='submit' name='invia'/>  


                </li>

            </ol>
     ?>
    </body>
    </html>

我也尝试过 onSubmit 但它不起作用。 我可以做些什么来同时发送答案和剩余时间吗?

您的代码有很多问题,但只是回答为什么不提交:使用 window.location 将导航您的页面,而不是提交表单。 你必须使用这样的东西

http://www.w3schools.com/jsref/met_form_submit.asp

通过一些修复,您的代码将如下所示并发布到您的 risultato.php,您可以在其中使用您的 PHP 代码实际记录数据。 你不需要任何 PHP 这个表单

<html>
       <head>
   <script type="text/javascript">
   var startDate = new Date();
       function inviare() {
            var diff = (new Date().getTime() - startDate.getTime()) / 1000;
            document.getElementById("lapsedtime").value = diff;
            document.getElementById("1").submit();
       }
    </script>
    </head>
    <body>

     <form method='post' action='risultato.php' name='quiz' id='1'>
      <ol>
                <li>
                    <h3>Cosa e java ?</h3>

                    <div>
                    <input type='radio' name='risposta3' value='c'/>
                    <label for='risposta3'>c) una cavolata </label>
                    </div>

                    <div>
                    <input type='radio' name='risposta1' id='risposta1' value='a'/>
                    <label for='risposta1'>a) un cafe  </label>
                    </div>

                    <div>
                    <input type='radio' name='risposta2' value='b'/>
                    <label for='risposta2'>b) un linguaggio </label>
                    </div>
                    <input type="hidden" name="lapsedtime" id="lapsedtime" />
                    <input type='button' name='invia' value="submit" onclick="javascript:inviare()"/>  


                </li>

            </ol>
     </form>
    </body>
    </html>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM