Javascript 使用ajax和PHP在第一个选择框的基础上填充第二个选择框

我有点发疯了。我知道这个问题以前已经回答过好几次了，但我似乎不明白。我一定错过了一些很明显的东西

我需要第二个select输入的选项根据第一个select输入的选择从DB动态填充。我已经测试了getShowByBand.php代码，它产生了预期的结果。我猜问题在于javascript文件。请看一下我的代码，看看你是否能帮上忙

testForm.php

getShowByBand.php

---

尝试在javascript上将此$.band更改为此$band您正在为类调用更改您应该按id执行。

尝试在javascript上将此$.band更改为此$band您正在为类调用更改您应该按id执行。

使用$band.change。。。点用于选择类。

使用$band。更改。。。点用于选择类。

添加一个错误回调，让我们看看它说什么？添加一个错误回调，让我们看看它说什么？非常感谢！我也需要为这个节目做同样的事情，我相信你也知道。是的，你必须这么做，我没有看。非常感谢你！我也需要为这个节目做同样的事情，我相信你也知道。是的，你必须这么做，我没看那个。

  <form role="form">
    <div class="well" id="generalIDRows">
      <div class="row">
        <div class="col-md-6 padding-top-10">
          <div class="form-group">
            <label for="band">Choose Band:</label>
            <select id="band" name="band" class="form-control">
              <option value="">Band Name</option>
              <?php 
                       $sql = "SELECT bandID,bandName FROM Band";
                           $bandq = mysqli_query($link, $sql);                  
                       while($row = mysqli_fetch_array($bandq))
                 {
                $band_ID=$row["bandID"];
                $band=$row["bandName"];                     
                echo '<option value="' . $band_ID . '">' . $band .'</option>';
                 }
              ?>
            </select>
            <script src="js/getShowByBand.js" type="text/javascript"></script>
          </div>
        </div>
        <div class="col-md-6 padding-top-10">
          <div class="form-group">
            <label for="show">Choose Show:</label>
            <select id="show" name="show" class="form-control">
              <option value="">--Select Show--</option>
            </select>
          </div>
        </div>
      </div>
    </div>
  </form>

$(document).ready(function()
{
 $(".band").change(function()
 {
  var id=$(this).val();
  var dataString = 'id='+ id;

  $.ajax
  ({
   type: "POST",
   url: "womhScripts/getShowByBand.php",
   data: dataString,
   cache: false,
   success: function(html)
   {
      $(".show").html(html);
   } 
   });
  });
});

<?php
$link=mysqli_connect("localhost","womhproduction","Derkadeepd0ng","womh");
if (mysqli_connect_errno())
    echo "failed to connect" . mysqli_connect_error();
if($_POST)
{
    $id=$_POST['id'];
    $showSQL = mysqli_query($link,"SELECT showID FROM Act WHERE bandID =" . $id . ";");
    $showResults = mysqli_num_rows($showSQL);
    if($showResults > 0)
    {
        echo "<option selected disabled>--Select show--</option>";
        while($showRow = mysqli_fetch_array($showSQL))
        { 
            $showID= $showRow['showID'];
            $showNameSQL = mysqli_query($link, "SELECT showName FROM Shows WHERE showID=". $showID . ";");
            $showNameResults = mysqli_num_rows($showNameSQL);
            if($showNameResults > 0)
            {
                while($showNameRow = mysqli_fetch_array($showNameSQL))
                {
                    $showName = $showNameRow['showName']; 
                    echo '<option value= "' . $showID . '">' . $showName . '</option>';
                }       
            }     
        }       
    } 
}
?>