使用 Ajax 填充下拉列表时设置默认值

Question

我有一些我一直在处理的代码，它使用 AJAX 根据数据库中的信息生成第二个下拉列表。

例如，如果您选择 BMW，它将使用所有可用的 BMW 车型填充第二个列表，这是正常工作的，但我希望第二个下拉列表中的字段之一保持 SELECT 或 ANY，以便他们可以单独搜索汽车制造。

我在网上看了看，解决方案似乎非常复杂，因为我希望是一个简单的修复，我现在被困在如何解决这个问题上，我应该只为 make 添加一个单独的表单吗？ 虽然这不会对用户友好。

<div class="row">
        <div class="col-sm-10 col-sm-offset-1">
            <form id="fitment_search" action="gallery.php" method="GET">
                <div class="col-sm-5">
                    <div class="col-sm-4">
                        <h5>Vehicle Make:</h5>
                    </div>
                    <div class="col-sm-8">
                        <div class="select">
                            <select name="make" onchange="get_model(this.value)">
                                <option value="make">SELECT</option>
                                <?php while ($row = mysqli_fetch_assoc($makeResult)) : ?>
                                    <option
                                        value="<?php echo $row['make']; ?>"><?php echo $row['make']; ?></option>
                                <?php endwhile; ?>
                            </select>
                            <div class="select__arrow"></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-5">
                    <div class="col-sm-4">
                        <h5>Model:</h5>
                    </div>
                    <div class="col-sm-8">
                        <div class="select">
                            <select name="model" id="fitment_model">
                                <option value="">SELECT</option>
                            </select>
                            <div class="select__arrow"></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <button type="submit" class="btn btn-default btn-sm btn-primary"><i
                            class="fa fa-pencil"></i> Search Now
                    </button>
                </div>

            </form>
        </div>

继承人的代码形成单独的 php 文件。

    $make=$_GET["make"];  

    $sql2 = "SELECT `model` FROM `fitment` WHERE `make` = '$make' ORDER BY `model` ASC";

    $result = mysqli_query($db, $sql2);    
    ?>

    <select name="models"> <?php

    while($row = mysqli_fetch_array($result))  { ?>

        <option value="<?php echo $row['model']?>"><?php echo $row['model'] ?></option><?php

    } ?>

    </select>

Answer 1

只是改变：

<select name="models"> <?php

到

<select name="models"> 
  <option value="" >Select</option>    
  <?php