簡體   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