如何在php中的另一个选择标签中调用选择标签ID

Question

我已经在该表单中创建了一个表单，我希望如果用户从 select 标签中选择一个元素，则选择标签 2 应该启用并显示与该元素相关的值。

  <form action="filename.php" method="post" enctype="multipart/form-data" > 
             <?php while($row =mysqli_fetch_array($result)) {?>

   Artist: <?php echo $row['artist'];?>
  <select name="to_artist"  id = "to_artist" class="form-control">
<option value="<?php echo $row['artist'];?>">Select If you want to change</option>
<?php
$sql1 = mysqli_query($con, "SELECT DISTINCT artist_name FROM album");
$row1 = mysqli_num_rows($sql);
while ($row1 = mysqli_fetch_array($sql1)){
echo "<option value='". $row1['artist_name'] ."'>" .$row1['artist_name'] ."</option>" ;
}
?>
</select>
  Album : <?php echo $row['album_name'];?> 

  <select name="to_album"  id = "to_album" class="form-control">
<option value="<?php echo $row['album_name'];?>">Select If you want to change</option>
<?php
$artistname=$_POST['to_artist'];
$sql2 = mysqli_query($con, "SELECT *  FROM album where artist_name='$artistname'");
$row2 = mysqli_num_rows($sql2);

while ($row2 = mysqli_fetch_array($sql2)){
echo "<option value='". $row2['album_name'] ."'>" .$row2['album_name'] ."</option>" ;
}
?>
</select>
  <?php }?> 

  <input type="Submit" value="Submit" name="save" id="save"/>

    </form>

在这段代码中，我希望如果用户选择一个艺术家姓名，那么与该艺术家专辑相关的将显示在另一个选择标签中，有人可以帮助我吗？

Answer 1

我建议为此使用 jquery 并对 php 进行 ajax 调用。 例如

<script>
$("#to_artist").change(function () {
    var selected_artist= $("#to_artist option:selected").val();

       $.ajax({

                url: "phpfile.php",
                type: "POST",
                data:{artist:selected_artist},
                success: function (response) {
                 //here append response to select box.
                }

            });

});
</script>

<?php 

if(isset($_POST['artist'])){
$artistname=$_POST['artist'];
//here your query to get albums for the selected artist and return them.

$sql2 = mysqli_query($con, "SELECT *  FROM album where artist_name='$artistname'");
$row2 = mysqli_num_rows($sql2);

while ($row2 = mysqli_fetch_array($sql2)){
echo "<option value='". $row2['album_name'] ."'>" .$row2['album_name'] ."</option>" ;
}

}


?>

//您可以在要附加选项的选择框中创建一个 div。

前任。

 <select>
      <div id="appended-options">

     </div>
     </select>

  use this in jquery : $("#appended-options").append(response);