javascript – 没有填充Ajax选择框

这几乎是我的第一个ajax脚本之一,所以请记住这一点,因为我还在学习……

我试着做以下事情：

通过允许用户执行以下操作来显示某个锦标赛的结果：

>用户选择运动
>现在根据sport_type选择锦标赛
>现在根据锦标赛和sport_type选择轮次

我的问题

第一个选择框(运动)完全填充,其他选择框不填充…任何我没有得到错误消息…

我的守则

result.PHP

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

  $.ajax
  ({
   type: "POST",
   url: "get_sport.PHP",
   data: dataString,
   cache: false,
   success: function(html)
   {
      $(".tournament").html(html);
   } 
   });
  });


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

  $.ajax
  ({
   type: "POST",
   url: "get_round.PHP",
   data: dataString,
   cache: false,
   success: function(html)
   {
    $(".round").html(html);
   } 
   });
  });

});
</head>
<body>
<center>
<div>
<label>Sport :</label> 
<select name="sport" class="sport">
<option selected="selected">--Select Sport--</option>
<?PHP
var_dump($id);
 $sql="SELECT distinct sport_type FROM events";
 $result=MysqL_query($sql);
 while($row=MysqL_fetch_array($result))
 {
  ?>
        <option value="<?PHP echo $row['sport_type']; ?>"><?PHP echo $row['sport_type']; ?></option>
        <?PHP
 } 
?>
</select>

<label>Tournamet :</label> <select name="tournament" class="tournament">
<option selected="selected">--Select Tournament--</option>
</select>

<label>Round :</label> <select name="round" class="round">
<option selected="selected">--Select Round--</option>
</select>

get_sport.PHP

include("connect.PHP");
if($_POST['id'])
{
    $id=$_POST['id'];
    $sql="SELECT distinct tournament FROM events WHERE sport_type ='$id'";
    $result=MysqL_query($sql);

?>
<option selected="selected">Select Tournament</option><?PHP
while($row=MysqL_fetch_array($sql)){
?>
    <option value="<?PHP echo $row['tournament'];?>"><?PHP echo $row['tournament']?></option>
    <?PHP   

    }
}

get_round.PHP

include('connect.PHP');
if($_POST['id'])
{
    $id=$_POST['id'];
    $sql="SELECT disTINCT round FROM events WHERE tournament='$id'";
    $result=MysqL_query($sql);
    ?>
    <option selected="selected">Select Round</option><?PHP
    while($row=MysqL_fetch_array($result)){
    ?>
    <option value="<?PHP echo $row['round'] ?>"><?PHP echo $row['round'] ?></option>
    <?PHP

    }
}
?>

我确定我只是忘了添加一个或类似的东西,我已经盯着这一小时的最佳时间,但我找不到错误.任何帮助将不胜感激

解决方法:

试试dataType：’html’：

var dataString = {id:id};
    $.ajax({
      type : 'POST',
      url: "get_sport.PHP",
      dataType : 'html',
      data: dataString,
       cache: false,
       success: function(html)
       {
          $(".tournament").html(html);
       } 
     });

javascript – 没有填充Ajax选择框

相关推荐