需要帮助根据用户在第一个下拉框中选择的内容创建第二个下拉框选项

时间:2013-08-21 22:07:55

标签: php javascript mysql html-select

我需要一个选择框显示选项,这些选项基于选项,位于其上方的下拉框中。一旦用户选择了汽车制造,那么我希望汽车制造的汽车模型成为可供选择的选项。

我已经能够从我的mysql数据库中获取汽车选项显示,但现在我需要的汽车模型只有那个make。我的数据库有两个列,一个用于Make,一个用于Model。

PHP的顶部是从单独的数据库获取make的方式,底部是我尝试从包含所有汽车的品牌和型号的数据库中获取模型,但它显示了数百个模型,而不是只是我想要的几个。我听说AJAX或javascript可以自动上传结果,这样会很好。任何帮助都很棒。谢谢!

</div>

<?php
    mysql_connect('localhost', '*****', '******');
    mysql_select_db('*************');
    $sql = "SELECT Make FROM CarMakes";
    $result = mysql_query($sql);
    echo "<select name='carmake3'>";
    while ($row = mysql_fetch_array($result)) {
        echo "<option value='" . $row['Make'] . "'>" . $row['Make'] . "</option>";
    }
    echo "</select>";
?>
<?php
    mysql_connect('localhost', '******', '**********');
    mysql_select_db('*************');
    $sql = "SELECT Model FROM myTable";
    $result = mysql_query($sql);
    echo "<select class='modelbox' name='carmodel3'>";
    while ($row = mysql_fetch_array($result)) {
        echo "<option value='" . $row['Model'] . "'>" . $row['Model'] . "</option>";
    }
    echo "</select>";
?>
<input type="text" maxlength="4" name="car3year" placeholder="year" class="WriteInBox"/>

<input type="text" maxlength="6" name="car3miles" placeholder="miles" class="WriteInBox"/>

</div>

1 个答案:

答案 0 :(得分:1)

你听说过JQuery吗?如果没有,是时候进行一些教育了。在众多其他事物中,JQuery使得简化AJAX调用变得相当容易 - 我在Web开发上投入的最佳时间是学习JQuery。有关AJAX方法的JQuery文档,请参阅http://api.jquery.com/jQuery.ajax/。页面底部有一些简单的用法示例。还有一些插件可以使用简单的代码处理级联下拉列表,例如http://jquery-plugins.net/jquery-cascading-dropdown-plugin

一旦你开始使用JQuery,你会发现最难的事情就是获得汽车品牌和模型的良好列表 - 暗示它们也因型号而异。