基于另一个下拉菜单的下拉菜单项

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数据库中的不同表。

如果我在第一个下拉菜单中选择了任何选项，则需要在适当的表中获取组件名称，并在第二个下拉菜单中显示名称。

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>