php - 基于另一个下拉列表的下拉列表

Question

希望你一切安好，

我有一个下拉列表，其中包含如下类别列表:

<div  class='form-group'>
    <br/>
        <label class='control-label col-md-2 'for='id_date'>Category</label>
            <div class='col-md-2' class='form-group' class='col-md-11'>
            <select class="form-control " id="sel1" ng-model="category" ng-init="" >
                        <?php
                        mysql_connect('localhost', 'root', '');

                        mysql_select_db('my');

                        $sql = "SELECT category FROM categories";

                        $result = mysql_query($sql);
                        while ($row = mysql_fetch_array($result)) {
                            echo "<option value='" . $row['category'] . "'>" . $row['category'] . "</option>";
                        } ?>
                        </select>
                        </div>
                    </div>

在此选择下方，我有另一个选择，即从类别中选择元素，如下所示:

<div  class='form-group'>
   <br/>
        label class='control-label col-md-2 ' for='id_date'>element</label>
            <div class='col-md-2' class='form-group' class='col-md-11'>
            <select class="form-control"  id="sel12"   ng-model="elemnt" ng-init="" >
                        <?php
                        mysql_connect('localhost', 'root', '');

                        mysql_select_db('my');

                        $sql = "SELECT element FROM elements where category =   ";

                        $result = mysql_query($sql);
                        while ($row = mysql_fetch_array($result)) {
                            echo "<option value='" . $row['element'] . "'>" . $row['element'] . "</option>";
                        } ?>
                        </select>
                        </div>
                    </div>

如何使第二个下拉列表的内容基于第一个下拉列表？!例如，我如何将第一个下拉列表的输入放入第二个 SQL 语句中？!

问候。

Answer 1

你不能只用 php 做到这一点。

您必须使用 javascript/Jquery 和 ajax。

制作一个从请求中加载数据的 php 脚本。更改您的第一个选择后，使用 ajax 函数调用您的 php 脚本并更新第二个选择。

<select class="form-control " id="sel1" ng-model="category" ng-init="" >
                        <?php
                    mysql_connect('localhost', 'root', '');

                    mysql_select_db('my');

                    $sql = "SELECT category FROM categories";

                    $result = mysql_query($sql);
                    while ($row = mysql_fetch_array($result)) {
                        echo "<option value='" . $row['category'] . "'>" . $row['category'] . "</option>";
                    } ?>
                    </select>

Jquery

$("#sel1").change(function(){
$.ajax({
  method: "POST",
  url: "yourscript.php",
  data: {myval : $(this).val()};
})
  .done(function( msg ) {
    //Here append your result in your second select
  });

});

PHP

<?php 
if(isset($_POST['myval']))
{
  //SQL query where id=myval
  echo $result;//result of query
}