搜索后将所选值保留在选择框字段中

Question

我想在搜索后将所选值保留在选择框中。这是一个车辆搜索过滤页面，页面使用 php 编码并与数据库连接。

数据库有 2 列用于两个选项，即 21-24 岁的司机年龄和 25 岁以上的司机年龄，因为某些车辆也适用于这两个年龄的司机

代码如下

<script>
$('#driver').change(function() {
  if($('#driver option:selected').val() == '21-24') {
    $('#driver').attr('name','driverage');
  }

  if($('#driver option:selected').val() == '25+') {
    $('#driver').attr('name','driver_age'); 
  }
});
</script>

<form id="myform" method="GET" action="">
  <div class="fields">
    <p>Vehicle Type</p>
    <select class="car" name="car_type" id="car_type">
      <option value="0">Select Vehicle</option>
      <?php if(count($vehicleType) > 0 ){
        foreach($vehicleType as $vt){ ?>
          <option value="<?php echo $vt ?>" <?=isset($_GET['car_type'])&&$_GET['car_type']==$vt?'selected':'';?> ><?php echo $vt ?></option>
          <?php }

      } ?>
    </select>
  </div>

  <div class="fields">
    <p>Age of Youngest Driver</p>
    <select class="half" id="driver" name="">
      <option value="21-24">21-24</option>
      <option value="25+">25+</option>        
    </select>
  </div>

  <input type="hidden" name="search" />
  <div class="fields" style="text-align:center">
    <input type="submit" value="Search" class="mitsub" />
  </div>    
</form>

谢谢，请帮忙

Answer 1

您可以在foreach() 中添加一个条件语句，将selected 属性添加到option。这将确保选择的值在选项列表中被选中。

<?php
if(count($vehicleType) > 0 ){
  foreach($vehicleType as $vt){
    echo "<option value='$vt'";
    if(isset($_GET['car_type']) && $_GET['car_type'] == $vt){
      echo " selected";
    }
    echo ">$vt</option>\r\n";
  }
}
?>

您可以一次性完成所有操作，您只需确保逻辑正确即可。

echo "<option value='$vt'" . ((isset($_GET['car_type'] && $_GET['car_type'] == $vt) ? " selected" : "") . ">$vt</option>\r\n";

我发现使用完整的if 语句更容易。