最初のドロップダウンの選択に基づいて3つのドロップダウンを動的に設定します

Question

4つのドロップダウンがあります。雑誌、DD1、DD2、DD3ドロップダウンのDD1、DD2、DD3は、マガジンドロップダウンの値を選択すると自動的に自動入力される必要があります。 DD1、DD2、DD3のドロップダウンリストは互いに依存しません。純粋に雑誌のドロップダウンの価値に依存しています。

ドロップダウン1の値を選択すると、php ajaxはmysqlを呼び出す必要があります。私は、3つのドロップダウンのためにバックグラウンドで3つの異なるmysqlクエリを実装する必要があります。ネットでサーフィンし、すべてのドロップダウンは前のドロップダウンに関連しています。 Example. これを行うには、誰かが適切なリンクまたは適切なアイデアで私を導くことができますか？

Answer 1

のonchange JavaScriptを使用して、迅速な解決策：

形態：

<select name="dd1" id="dd1" class="form-control" onChange="getDD2(this.value);"> 
     <option value="" selected="selected">-select-</option> 
</select> 

のjavascript：

function getDD2(id){ 
      if(id==""){ 
       alert("Please select any dd1!");    
      }else{ 
      var url = 'getdd2.php?id='+id; 
       $('#dd2container').load(url); 
      } 
     } 

と

getdd2.phpで

$id = $_REQUEST['id']; 
$dd= "SELECT * FROM prefix_dd2 WHERE id='$id'"; 
$founddd1 = $dbh->query($dd); 
$res = $founddd1->fetchAll(); 
if(count($res)<=0){ 
    echo '<select name="dd2" class="form-control" id="dd2">'; 
      echo '<option value="select">No dd</option>';   
    echo "</select>"; 
}else{ 
    echo '<select name="dd2" class="form-control" id="dd2" onchange="getDD3($id)">'; 
    echo '<option value="select" selected="selected">-select-</option>'; 
     foreach($res as $dd2): 
      echo '<option value="'.$dd2['id'].'">'.$dd2['dd2_name'].'</option>'; 
     endforeach; 
    echo "</select>"; 
} 

DD2は、フォームで選択し、次のようになります。

<div id="dd2container"> 
    <select name="dd2" class="form-control"> 
    <option value="" selected="selected">--select--</option> 
    </select> 
</div> 

私はgetDD2（行ったように今、あなたはgetDD3（）関数を作ることができる）を超えます。これが助けてくれるといいなあ

3つのデータを一度に選択したい場合は、3つの選択ボックスをすべてgetdd2.phpに入れて、最初の選択ボックスのデータのベースごとにデータベースを照会することができます。