Php 有三个下拉列表，我想让其中两个取决于第一个选择

我正在使用PHP MYSQL和JAVASCRIP AJAX

我有多个下拉列表，我想使用AJAX使其相互依赖，其中这些下拉列表包括从MYSQL数据库检索的数据

用户从第一个下拉列表中选择，并根据其选择，第二个和第三个下拉列表显示相关值

到目前为止，我所做的是使第二个下拉列表依赖于第一个下拉列表

我现在需要使第二个和第三个依赖于第一个

桌子

• 网站信息：
  • 站点ID
  • 站点名称
  • 所有者
  • 公司ID
• 所有者信息：
  • 所有者
  • 所有者姓名
• 公司信息：
  • 公司ID
  • 公司名称

代码1：

站点名称
所有者名称
公司名称
分包商名称
您的ajax代码中有一个错误，您需要编写2个ajax请求，用一些词来解释有点困难。请看一下。我希望它会给出更好的结果。
错误在哪里？你发布的这个链接我已经尝试过了，但对我无效我正在使用wordpress我不知道wordpress..根据我在ajax方面的知识，数据发送语法是错误的
data:{ownerID:ownerID}，
只要去掉像
data:'ownerID='ownerID，
<form method ="post" action ="" name="submit_form">
    <table border="0" width="30%">
        <tr>
           <td>Site Name</td>
           <td>Owner Name</td>
           <td>Company Name</td>
           <td>Subcontractor Name</td>
         </tr>
         <tr>
           <td><select id="site_name"  name = "site_name">

             <?php


                 $query_site_name =$wpdb->get_results("select DISTINCT siteNAME, ownerID  from site_info");
                  foreach($query_site_name as $row)
                  {
        //           $site_name = (array)$site_name;
                   echo "<option value = '".$row ->ownerID."'>".$row->siteNAME."</option>";
                  } 

             ?>

            <!--create  dropdown list owner names-->
            </select></td>

            <td><select id="owner_name"  name ="owner_name">
            <option value="">Select Owner</option>        
            </select></td>

            <!--create  dropdown list Company names-->


            <td><select id="Company_name"  name ="Company_name">
             <option value="">Select Company</option>       


 <script type="text/javascript">

// make Dropdownlist depend on each other
$(document).ready(function(){
    $('#site_name').change(function(){
         var ownerID = $(this).val();
         $.ajax({
            url:"<?php echo get_stylesheet_directory_uri(); ?>/dropdown_fetch_owner.php",
            method:"POST",
            data:{ownerID:ownerID},
            datatype:"text",
            success:function(data){
                $('#owner_name').html(data);
            }

         });
       });

    });

</script>

<?php
 include_once($_SERVER['DOCUMENT_ROOT'].'/wordpress/wp-load.php');
 global $wpdb;
$output = '';
$sql =$wpdb->get_results("select ownerID, ownerNAME from owner_info where ownerID = '".$_POST['ownerID']."' ORDER BY ownerNAME");
var_dump($sql);

$output= '<option value="">Select Owner</option>';
foreach($sql as $row){

//while ($row = mysqli_fetch_array($result)) {
    $output.= "<option value = '".$row ->ownerID."'>".$row->ownerNAME."</option>";
}
echo $output;

?>