php - 有 3 个下拉列表，我想制作其中 2 个取决于第一个下拉列表的选择

Question

我正在使用 PHP MYSQL 和 JAVASCRIP AJAX。

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

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

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

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

表格

• 网站信息:

  • 站点ID
  • 网站名称
  • 所有者ID
  • 公司ID

• 所有者信息:

  • 所有者ID
  • 所有者姓名

• 公司信息:

  • 公司ID
  • 公司名称

代码1:

<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>

此 AJAX 脚本仅用于在第一个和第二个下拉列表之间工作

dropdown_fetch_owner.php:

<?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;

?>

感谢您的提前

Answer 1

你的ajax代码中有一个错误，你需要编写2个ajax请求，这很难用一些词来解释..只要看一下它..我希望它能给出更好的http://www.codexworld.com/dynamic-dependent-select-box-using-jquery-ajax-php/