php - 使用数据库结果填充第一个下拉菜单，并使用第一个下拉菜单值填充第二个

Question

我一直在尝试寻找类似的答案，但似乎找不到类似的答案。

我在 MySQL 数据库中有两个表。 用户和团队。每个用户都属于一个特定的团队。

问题是我想填充两个下拉列表。第一个下拉列表应检索所有可用的团队。第二个下拉列表应根据用户在第一个下拉列表中选择的组来填充数据。因此，例如，如果用户选择团队 A，则第二个下拉列表应填充在团队 A 下分配的用户。

$sql = "SELECT teamID FROM team";
$result = mysql_query($sql);

echo "<select name='team'>";
    while ($row = mysql_fetch_array($result)) {
        echo "<option value='".$row['teamID']."'>".$row['teamID']."</option>";
    }
echo "</select>";

Answer 1

echo "<select name='team' id='firstSelect'>";
while ($row = mysql_fetch_array($result)) {
   echo "<option value='" . $row['teamID'] ."'>" . $row['teamID'] ."
                       </option>";
                        }
                        echo "</select>"; 
echo '<div id="secondSelect">new form or select will go here</div>';

Jquery

$('#firstSelect').on('change', function(){
  var teamId= $(this).val();
       $.post('yourPHPscript.php',
        { 
        'teamId' : teamId
        },
        function (response, status) {
            //response is the form or select generated from firstSelect
            document.getElementById('secondSelect').value= response;
            // or $('#secondSelect').html(response);
                            } );  // end post
 });  // end function

在yourPHPscript.php中接受变量并回显使用firstSelect数据的选择(我建议使用表单)。当它得到回显时，它将显示在第二个 div 中。我希望我没有犯太多错别字。