別の降下に基づいてドロップダウンメニュー

Question

ダウン別の降下に基づいてメニュー項目を私はPHPに新たなんだと私は、ドロップダウンメニューを移植しようとしているメニューの値ダウン

//Here's the first drop down menu 
<select name="comp_type" class="form-control" > 
    <option disabled selected value>Select</option>  
    <option value="Controller" >Controller</option> 
    <option value="Processor">Processor</option> 
    <option value="Module">Module</option> 
    <option value="Board">Boards</option> 
    <option value="Glue">Glue</option> 
    <option value="Diod">Diod</option> 
    <option value="Adapter">Adapter</option> 
    <option value="Meter">Meter</option> 
    <option value="Wire">Wires</option> 
</select> 

//Second drop down menu 

<select name="component_name"> 

    //Here component names should be displayed 

</select> 

すべてのオプションメニューは、MySQLデータベースの異なるテーブルに対応しています。

最初のドロップダウンメニューで任意のオプションを選択すると、適切なテーブルにコンポーネント名を取得し、その名前を2番目のドロップダウンメニューに表示する必要があります。

Answer 1

は、AJAXを呼び出し、divの中でデータを表示するチェックアウト：このためhttps://api.jquery.com/jquery.post/

<script> 
$(document).ready(function() { 
    $('.form-control').change(function(){ 
     var Value = $(this).val(); 
     if(Value != null){ 
      jQuery.ajax({  
       type: 'POST',   
       url: "getTableData.php?table="+Value,    
       success: function(data){ 
        $('#resultDiv').html(data); 
       } 
      }); 
     } 
    }) 
}) 
</script> 

<select name="comp_type" class="form-control" > 
    <option disabled selected value>Select</option>    
    <option value="Controller" >Controller</option> 
    <option value="Processor">Processor</option> 
    <option value="Module">Module</option> 
    <option value="Board">Boards</option> 
    <option value="Glue">Glue</option> 
    <option value="Diod">Diod</option> 
    <option value="Adapter">Adapter</option> 
    <option value="Meter">Meter</option> 
    <option value="Wire">Wires</option> 
</select> 

<div id="resultDiv"> 
</div>