我正在创建一个非常简单的表单，其中包含一个下拉菜单和一个文本字段。 如果在提交过程中表单有空字段，它会显示错误。

如果有任何错误，我想在表单提交后显示填充的值。 它按我的预期在文本字段上工作。 例如:如果填写 name 并提交表单而不填写 title 下拉菜单，它会显示我在错误期间输入的姓名。

但是我怎样才能为下拉菜单做到这一点呢？ 例如:如果我选择 title 下拉菜单并提交表单而不填写 name 字段，它应该显示所选的 title 下拉值出现错误。

我该怎么做？ 这是我的代码，它是一个 wordpress 网站:

<?PHP
$errors = array();
    if($_POST["submit"]) {
        $name_title = $_POST["name_title"];
        $sender = $_POST["sendername"];

        //Check the name title that it is selected or none.
                if($name_title === none){
                    //if selected is none, add error to $errors array.        
                    $errors['name_title'] = "Please select the title of your name!";
                }

        if(empty($sender)){
            //Blank string, add error to $errors array.        
            $errors['sendername'] = "Please enter your name!";
        }

        // sending form
        if(empty($errors)){
            $mail_sent = wp_mail( $to, $subject, $mailBody, $headers ); 
        }       

    }
    if ($mail_sent) {
?>

<h1 style="color: #007f00;">Request sent.</h1>

<?php 
} else {
?>

<form id="" name="" action="<?php echo get_permalink(); ?>" method="post">
    <div class="label-input-wrapper">
        <div class="form-label">Title</div>
        <div class="form-input">
            <select name="name_title" class="name-title-input">                 
                <option value="none" selected="selected">Select Title</option>
                <option value="Mr">Mr</option>
                <option value="Mrs">Mrs</option>
                <option value="Miss">Miss</option>
                <option value="4">Ms</option>                   
            </select>
            <div class="error-msg">
                <?php if(isset($errors['name_title'])) { echo '<span style="color: red">'.$errors['name_title'].'</span>'; } ?>
            </div>  
        </div>
    </div>  

    <div class="label-input-wrapper">
        <div class="form-label">Name</div>
        <div class="form-input">
            <input type="text" name="sendername" value="<?PHP if(!empty($errors)) { echo $sender;} ?>" />
            <div class="error-msg">
                <?php if(isset($errors['sendername'])) { echo '<span style="color: red">'.$errors['sendername'].'</span>'; } ?>
            </div>
        </div>
    </div>
    <input type="submit" value="Submit" name="submit">
</form>

<?php
}  
?>

最佳答案

虽然@CKocer 的答案也可以，但我喜欢使用变量代替，并在 HTML 中使用 $_POST 并且更具可读性

在声明$name_title在if($_POST)的外面可以这样做 <?php $name_title = ''; ?>

像这样更改下拉代码

 <select name="name_title" class="name-title-input">                 
                <option value="none" selected="selected">Select Title</option>
                <option value="Mr" <?php if($name_title == 'Mr') { ?> selected <?php } ?>>Mr</option>
                <option value="Mrs" <?php if($name_title == 'Mrs') { ?> selected <?php } ?>>Mrs</option>
                <option value="Miss" <?php if($name_title == 'Miss') { ?> selected <?php } 
?>>Miss</option>
              <option value="4" <?php if($name_title == 'Ms') { ?>selected <?php  } ?>>Ms</option>                   
            </select>

关于javascript - 提交表单后如何保持下拉菜单的选中值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26139270/