时间戳

首页 > 解决方案 > 更新 AJAX 成功函数的下拉列表

php - 更新 AJAX 成功函数的下拉列表

问题描述

我有一个下拉列表，我在其中选择联赛和另一个下拉列表，其中包含根据在第一个下拉列表中选择的联赛的球队。我的问题是在 AJAX 调用的成功函数中包含什么来更新所选联赛的下拉列表。任何人都可以帮助我实现这一目标。谢谢

PHP 数据库查询 / view_fixtures_queries.php

$league = '';

if(isset($_POST['selected'])):
   $league = $_POST['selected'];
endif;

$home_team = $dbh->prepare("SELECT * FROM teams WHERE competition = :league");

echo "<script>console.log($league)</script>";

$home_team->execute([ ':league' => $league ]);

$data  = $home_team->fetchAll();

print_r($data);

在团队下拉列表中获取团队

<?php
   while ($row = $home_team->fetchAll()) 
   {
       $hometeamlogo = $row['logo'];
       $hometeamstadium = $row['stadium'];
       echo "<option value='data:image/png;base64,".base64_encode( $hometeamlogo )."' data-stadium='$hometeamstadium'>" . $row['team_name'] . "</option>";
   }
?>

AJAX 调用发送所选联赛

//input_competition is the league dropdown
$('#input_competition').on('change', function () {
         var selectedLeague = $('#input_competition').find(":selected").text();
           
         $.ajax({
            url: 'queries/view_fixtures_queries.php',
            type: 'POST',
            data: {'selected' : selectedLeague},
            success: function(data) {
                //what to include here
                console.log(data);
            }
     });
});

标签： phpjqueryajaxdropdowncall

解决方案

推荐阅读