表单提交后保留选中的值

Question

表单提交后保留选中的值考虑：<form method="get" action="">    <select name="name">       <option value="a">a</option>       <option value="b">b</option>    </select>    <select name="location">       <option value="x">x</option>       <option value="y">y</option>    </select>    <input type="submit" value="Submit" class="submit" /></form>在提交表单时，如何确保在下拉列表中保持选定的值？这个表单在WordPress（PHP）中。

Answer 1

为了避免许多if-else结构，让JavaScript自动执行操作：

<select name="name" id="name">
   <option value="a">a</option>
   <option value="b">b</option></select><script type="text/javascript">
  document.getElementById('name').value = "<?php echo $_GET['name'];?>";</script><select name="location" id="location">
  <option value="x">x</option>
  <option value="y">y</option></select><script type="text/javascript">
  document.getElementById('location').value = "<?php echo $_GET['location'];?>";</script>

Answer 2

<select name="name">
   <option <?php if ($_GET['name'] == 'a') { ?>selected="true" <?php }; ?>value="a">a</option>
   <option <?php if ($_GET['name'] == 'b') { ?>selected="true" <?php }; ?>value="b">b</option></select>

Answer 3

在尝试了所有这些“解决方案”后，没有任何作用 之前我对W3Schools进行了一些研究，并记得有关于保持无线电价值的解释。

但它也适用于该Select选项。请参阅下面的示例。试试吧，玩吧。

<?php
    $example = $_POST["example"];?><form method="post">
    <select name="example">
        <option <?php if (isset($example) && $example=="a") echo "selected";?>>a</option>
        <option <?php if (isset($example) && $example=="b") echo "selected";?>>b</option>
        <option <?php if (isset($example) && $example=="c") echo "selected";?>>c</option>
    </select>
    <input type="submit" name="submit" value="submit" /></form>