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

时间:2016-09-18 00:44:48

标签: javascript php jquery ajax

我已经使用了一些代码,它使用AJAX根据数据库中的信息生成第二个下拉列表。

例如 如果你选择宝马 它将使用所有可用的BMW型号填充第二个列表,这是正常的,但我希望第二个下拉列表中的一个字段保持SELECT或任何,以便他们可以仅搜索汽车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>

1 个答案:

答案 0 :(得分:1)

只是改变:

<select name="models"> <?php

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