php - 如果页面包含 2 个提交按钮，如何构建页面

Question

我有一个页面分为 3 个部分，有 2 个提交按钮:

第 1 部分:包含一个模块下拉菜单。用户从下拉菜单中选择选项并提交。每次提交时，它都会更改第 2 部分并隐藏第 3 部分。提交后下拉菜单返回到 Please Select 选项。

第 2 部分:包含评估下拉菜单，仅在用户提交第 1 部分后出现。当用户从评估下拉菜单中选择选项并单击提交按钮提交此部分时，下拉菜单菜单返回到 Please Select 并出现第 3 部分。每次提交带有不同选项的第 2 部分时，第 3 部分都会发生变化。

第 3 部分:显示第 2 部分的详细信息。仅根据从第 2 部分选择和提交的评估显示和更改。如果用户从第 1 部分提交，则此部分隐藏。

我的问题是什么是正确的结构才能符合我上面所说的。我的意思是 if 语句去哪里，if 语句中有什么，我什么时候关闭 if 语句？

下面是我的代码，问题是如果我点击第 2 部分中的提交按钮，而不是显示第 3 部分，它只是删除第 2 部分并只显示第 3 部分第 2 部分所在的位置，所以我认为我的页面结构不正确.我评论了每个部分的位置。

    //PART 1

    <form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
    <table>
    <tr>
    <th>Module: 
    <select name="modules" id="modulesDrop">
    <option value="">Please Select</option>
    <option value="1">Art</option>
    <option value="2">ICT</option>
    <option value="3">Business</option>
    </select>
    </th>
    </tr>
    </table>
    <p><input id="moduleSubmit" type="submit" value="Submit Module" name="moduleSubmit" /></p>
    </form>

    <?php

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

    //PART 2

    if($_POST['modules'] == ''){
    $pHTML = "<span style='color: red'>Please Select a Module</span>";
    }else if($sqlnum == 0){
    $pHTML = "<span style='color: red'>Sorry, You have No Assessments under this Module</span>";
    } else{

    $sessionHTML = '';
    $sessionHTML = '<select name="session" id="sessionsDrop">'.PHP_EOL;
    $sessionHTML .= '<option value="">Please Select</option>'.PHP_EOL;       
    $sessionHTML .= '<option value="one">AAA</option>'.PHP_EOL;     
    $sessionHTML .= '<option value="two">AAB</option>'.PHP_EOL;     
    $sessionHTML .= '<option value="three">AAC</option>'.PHP_EOL;  
    $sessionHTML .= '</select>';  

    $assessmentform = "
    <form action='".htmlentities($_SERVER['PHP_SELF'])."' method='post' id='assessmentForm'>
    <p id='warnings'>{$pHTML}</p>
    <p><strong>Assessments:</strong> {$sessionHTML} </p>   
    <p><input id='sessionSubmit' type='submit' value='View Assessment Details' name='sessionSubmit' /></p>
    </form>";

    echo $assessmentform;

     }
        }

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

    //PART 3

if($_POST['session'] == ''){
$sHTML = "<span style='color: red'>Please Select a Session</span>";
} else{

    $sessiondetails ="
    <p id='warnings'>{$sHTML}</p>
    <p>You have selected an Assessment where the details will be displayed here:</p>
    ";  

    echo $sessiondetails;

    }
}

Answer 1

您确实需要将数据逻辑(即您要求 PHP 执行的操作)和呈现(您要求 HTML 执行的操作)分开。我将使用 PHP 功能打开您的脚本，确定您要显示的内容，然后将您的 HTML 放入单独的 phtml 文件中。

我还会包含一个隐藏字段，指示用户当前正在进行的步骤。这将允许您执行以下操作:

<?php
   if (isset($_POST['step'] && $step = $_POST['step']) {
      // The user has submitted a form
   } else {
      // They're fresh visitors
      $step = 0;
   }
?>

<!-- HTML markup here -->

<form method="post">

   <input type="hidden" name="step" value="<?=$step + 1?>">

   <? if ($step == 2): ?>

       <? if (!$_POST['modules']): ?>
           <span style='color: red'>Please Select a Module</span>
       <? elseif (!$sqlnum): ?>
           <span style='color: red'>Sorry, You have No Assessments under this Module</span>
       <? endif; ?>

   <? endif; ?>

   <? // etc. etc. ?>

</form>