値が動的である場合、最初の選択リストオプションに基づいて2番目の選択リストを変更する方法はありますか？

Question

私はRVのとキャンピングカーとも私はjQueryのか、PHPで私は「Rvのを」選択した場合、それを行うにはどうすればよい2つの選択

<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>Total No. of Passengers*</p> 


<select class="half" name="passengers" id="passengers"> 
<option>No. of Passengers</option> 
     <option <?php if(@$_REQUEST['passengers'] == 1){?>selected<?php }?>>1</option> 
    <option <?php if(@$_REQUEST['passengers'] == 2){?>selected<?php }?>>2</option> 
    <option <?php if(@$_REQUEST['passengers'] == 3){?>selected<?php } ?>>3</option> 
    <option <?php if(@$_REQUEST['passengers'] == 4){?>selected<?php }?>>4</option> 
     <option <?php if(@$_REQUEST['passengers'] == 5){?>selected<?php }?>>5</option> 
     <option <?php if(@$_REQUEST['passengers'] == 6){?>selected<?php }?>>6</option> 
     <option <?php if(@$_REQUEST['passengers'] == 7){?>selected<?php }?>>7</option> 
    <option <?php if(@$_REQUEST['passengers'] == 8){?>selected<?php }?>>8</option> 

</select> 
</div> 

を持っているのである車両の2種類を持っている車検索フィルタのためのPHPページを持っています最初に選択しますか？ 2番目の選択は私に8人の乗客を表示するでしょう。私は最初の選択でキャンパーバンを選択した場合、第2の選択は私に5人の乗客を示すだろう。..

Answer 1

私はおそらくこれらの線に沿って何かするだろう：

<?php 
$number_of_passengers = 8; 
if(!empty($_REQUEST['car_type'])) { 
    $number_of_passengers = $_REQUEST['car_type'] == 'Campervans' ? 5 : 8; 
} 

$passengers = 0; 
if(!empty($_REQUEST['passengers'])){ 
    $passengers = (int) $_REQUEST['passengers']; 
} 
?> 

<select class="car" name="car_type" id="car_type"> 
    <option value="0">Select Vehicle</option> 
    <option value="RV/Motorhome">RV/Motorhome</option> 
    <option value="Campervans">Campervans</option> 
</select> 

<select class="half" name="passengers" id="passengers"> 
    <option>No. of Passengers</option> 
    <?php 
    for($i = 1; $i <= $number_of_passengers; $i++) { 
     ?> 
     <option 
      <?php 
       if($i == $passengers) { 
        echo ' selected '; 
       } 
      ?> 
      > 
      <?php echo $i ?> 
     </option> 
     <?php 
    } 
    ?> 
</select> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
    $('#car_type').change(function() { 

     $("#passengers").children().removeAttr("selected"); 

     if ($(this).val() === 'Campervans') { 
      $('#passengers option:nth-child(n+7)').hide(); 
     } else { 
      $('#passengers option').show(); 
     } 
    }); 
</script> 

がこれを行うためのクリーンな方法があるが、これは役立つはずですポイントを取得する。 PHPについて注意する

いくつかのこと：

1. が$_REQUESTキーがemptyを使用して利用可能な場合、私はどのようにチェックを参照してください - これは一般的に良いアイデアではありません@を使用する必要がなくなります。

2. 8回それを入力すると退屈ですので、私は、コードの重複を避けるために選択する乗客のオプションをエコーするためにループを使用しています;-)

・ホープ、このことができます！

Answer 2

はい、そのためにjavascriptコードを追加する必要があります。 あなたのページの下にコードを挿入し、これがあなたが望むものであるかどうかを確認しますか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('.car').on('change', function(){ 
    if($(this).val() === 'RV/Motorhome'){ 
     $('.half').find('option').show() 
    }else if($(this).val() === 'Campervans'){ 
    $('.half').find('option').slice(6).hide(); 
    } 
    }) 
</script>