php - 获取另一个下拉列表更改的下拉数据

Question

我有一个下拉菜单，其列名与数据库表中的列名相同。我已经在下拉菜单的选项标签中插入了每个列名。这些列在数据库中有行数。之后，我有另一个下拉菜单。我想在上一个下拉菜单中显示所选列的所有数据行。例如。我在第一个下拉列表中的列名称为 a、b、c、d，并且每列在数据库表中都有数据。所以，如果我在第一个下拉菜单中选择 A；它在下一个下拉列表中显示 A 的所有数据行。这是代码:

<select name="first">

  <option selected="true" disabled="disabled">Select an Option</option> 
  <option value="select_all">Select All</option>
  <option value="a">a</option>   
  <option value="b">b</option>
  <option value="c">c</option>
  <option value="d">c</option>
</select>
<?php
if(isset($_POST['first'])){
$first=$_POST['first'];
}
?>
<select name="firstres" id="firstres"><option style="display:none;" selected; value="">---Select an option---</option><?php  

@mysql_connect('localhost', 'root', '');
@mysql_select_db('db');
$first=$_POST['first'];
$sql = "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_SCHEMA = 'db' AND TABLE_NAME = 'tbl' AND COLUMN_NAME LIKE '" . $_POST["first"] . "'";
$result = @mysql_query($sql);
while ($row = mysql_fetch_array($result)) {
	
	echo "<option  value=' " . $row['first'] ."'>" . $row['first'] ."</option>";
    }
?>
</select>

问题是；我没有在第二个下拉菜单中获得列行。

Answer 1

您需要使用 Ajax 来解决这个问题，这里是我的代码，也许您可​​以在您的项目中使用。

查看代码

<select id="category">
     <option value="1">Category</option>
     <option value="2">Category 2</option>
     <option value="3">Category 3</option>
</select>
<select id="sub_category">
     <option>Chose Category</option>
</select>

Ajax 代码

$(document).ready(function(){
     $('#category').on('change',function(){
     var category_id = $(this).val();
         if(category_id){
             $.ajax({
                 type:'POST',
                 url:'sub_category.php',
                 data: {
                     category_id : category_id
                 },
                 success:function(html){
                     $('#sub_category').html(html);
                 }
             });

        }else{
            $('#sub_category').html('<option>Pilih Sub category Kelas</option>');
        }
    });
});

子类别.php

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$category_id = $_POST['category_id'];
$sql = "SELECT id,sub_category FROM category where category_id = $category_id";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<option value='".$row["id"]."'>".$row["sub_category"]."</option>";
    }
} else {
    echo "<option>Empty Sub Category</option>";
}

$conn->close();
?>