表單在不應該被替換時被替換

Question

我有一個應用程序，您可以在這里訪問： 應用程序

現在，在應用程序中，將模塊下拉菜單保留為“ Please Select選項並提交。 您將看到一條消息，提示您選擇模塊。 因此，現在從下拉列表中選擇一個模塊並提交。 您可以看到它在下面顯示了Assessment下拉菜單（與該模塊相關的評估）。

現在，我希望Assessment下拉菜單的執行方式與Module下拉菜單的執行方式相同。 如果未選擇評估，則在下面顯示一條消息；如果選擇評估，則在下面顯示下一個表單，其中“ Assessment下拉菜單和“提交”仍然顯示，如“ Module下拉菜單，並且“提交”仍顯示在頁面上。

問題是，盡管您將能夠查看是否選擇評估選項，但是它卻被下一個表單塊（顯示多個選擇框）代替。 我希望如果用戶在提交時未在下拉菜單中選擇評估，則不顯示選擇框，或者在評估下拉菜單下方顯示該評估框，如果選擇了評估則顯示提交按鈕，而不是替換它。

但是是什么原因造成的，我可以讓它執行應做的功能嗎？

下面是該代碼的簡化版本：

碼：

 <script type="text/javascript">


    function validation(e) {

                    var isDataValid = true;

                    var moduleTextO = document.getElementById("modulesDrop");

                    var errModuleMsgO = document.getElementById("moduleAlert");

             if (moduleTextO.value == ""){
              $('#targetdiv').hide();
              $('#assessmentForm').hide();
              errModuleMsgO.innerHTML = "Please Select a Module";
              isDataValid = false;    
            }else{
                    errModuleMsgO.innerHTML = ""; 
                    $('#assessmentForm').show();
                }

                    if (isDataValid === false)
        {
            if (e.preventDefault)
            {
                e.preventDefault();
                e.stopPropagation();//VERY important
            }
            e.returnValue = false;
            e.cancelBubble = true;
        }

                return isDataValid;

                }


                function sessionvalidation(e) {

                    var isDataValid = true;

                    var sessionTextO = document.getElementById("sessionsDrop");

                    var errAssesMsgO = document.getElementById("assessmentAlert");

             if (sessionTextO.value == ""){
              $('#assessmentdiv').hide();
              $('#studentExistForm').hide();
              errAssesMsgO.innerHTML = "Please Select an Assessment";
              isDataValid = false;    
            }else{
                    errAssesMsgO.innerHTML = ""; 
                    $('#studentExistForm').show();   
                     $('#assessmentForm').show();
                }

                    if (isDataValid === false)
        {
            if (e.preventDefault)
            {
                e.preventDefault();
                e.stopPropagation();//VERY important
            }
            e.returnValue = false;
            e.cancelBubble = true;
        }

                return isDataValid;

                }


                </script>

        <?php

    $moduleHTML  = "";  
    $moduleHTML .= '<select name="modules" id="modulesDrop">'.PHP_EOL;
    $moduleHTML .= '<option value="">Please Select</option>'.PHP_EOL;  
    $moduleHTML .= '</select>'; 


        ?>


    <form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" onsubmit="return validation(event);">
    <table>
    <tr>
    <th>Module: <?php echo $moduleHTML; ?></th>
    </tr>
    </table>
    <p><input id="moduleSubmit" type="submit" value="Submit Module" name="moduleSubmit" /></p>
    <div id="moduleAlert"></div>
    <div id="targetdiv"></div>
    </form>

    <?php

    if (isset($_POST['moduleSubmit'])) {    

     $moduleInfo = explode("_", $_POST['modules']);
     $moduleNo = $moduleInfo[0];
     $moduleName = $moduleInfo[1];
     $moduleId = $moduleInfo[2];
     $outputmodule = sprintf("<p><strong>Selected Module:</strong> %s - %s <input type='hidden' value='%s'></p>", $moduleNo, $moduleName, $moduleId);


    $sessionHTML = '';  
    $sessionHTML = '<select name="session" id="sessionsDrop">'.PHP_EOL;
    $sessionHTML .= '<option value="">Please Select</option>'.PHP_EOL;           
    $sessionHTML .= sprintf("<option value='%s'>%s - %s - %s</option>", $dbSessionId, $dbSessionName, date("d-m-Y",strtotime($dbSessionDate)), date("H:i",strtotime($dbSessionTime))) . PHP_EOL;            
    $sessionHTML .= '</select>';

    $assessmentform = "<div id='lt-container'>
    <form action='".htmlentities($_SERVER['PHP_SELF'])."' method='post' id='assessmentForm'>
    {$outputmodule}
    <p><strong>Assessments:</strong> {$sessionHTML} </p>  
    <p><input id='assessmentSubmit' type='submit' value='Submit Assessment' name='assessmentSubmit' /></p>
    <div id='assessmentAlert'></div>
    <div id='assessmentdiv'></div> 
    </form>
    </div>";

    echo $assessmentform;

    }

    if (isset($_POST['assessmentSubmit'])) {     

    $studentHTML = '';      
    $studentSELECT = '<select name="studenttextarea" id="studentselect" size="6">'.PHP_EOL;      
    $studentSELECT .= "<option disabled='disabled' class='red' value=''>No Students currently in this Assessment</option>"; 
    $studentSELECT .= sprintf("<option disabled='disabled' value='%s'>%s - %s %s</option>", $dbStudentId, $dbStudentAlias, $dbStudentForename, $dbStudentSurname) . PHP_EOL;    
    $studentSELECT .= '</select>';

    $studentexist="
    <form id='studentExistForm'>
    <p><strong>Current Active Students in Assessment:</strong></p>
    <p>{$studentSELECT}</p>
    </form> 
    </div>";

    echo $studentexist;

    }

    ?>

Answer 1

沒有顯示第二部分的原因是，當您單擊評估提交表單時，將不會設置$_POST['moduleSubmit'] 。

你可以改變

if (isset($_POST['moduleSubmit']))

至

if (isset($_POST['moduleSubmit']) || isset($_POST['assessmentSubmit']))

這樣就可以顯示該部分是否已設置（已提交任一表單）