Php 多链下拉组

Php 多链下拉组,php,html,Php,Html,我有一个这样的选择列表来选择car branch: <td style="width: 243px">Branch:</td> <td> <select name="Branch" style="width: 235px"> <option selected="">TOYOTA</option> <option>HONDA</option> &l

我有一个这样的选择列表来选择car branch:

<td style="width: 243px">Branch:</td>
<td>
    <select name="Branch" style="width: 235px">
        <option selected="">TOYOTA</option>
        <option>HONDA</option>
        <option>NISSAN</option>
    </select>
</td>
分支:
丰田
本田
日产
我还有其他三个选择列表用于汽车名称:

  • “丰田型”包括花冠、凯美瑞、RAV4和 其他
  • “本田型”包括思域、雅阁等
  • 例如,一个“日产型”包含

如果用户选择TOYOTA,“TOYOTA”类型选择列表将仅显示,而不显示其他分支车辆。如何执行此操作?

您可以使用jquery和show()hide()属性。这在每个浏览器中都适用

$(document).ready(function($){

  $('#TOYOTA').click(function() {
    $('#BMWmodels').hide();
    $('#VOLVOmodels').hide();
    $('#TOYOTAmodels').show();
  });
});

然后让CSS完成剩下的工作。

您可以选择汽车品牌,一旦选择汽车品牌,您可以对脚本进行AJAX调用,该脚本将返回一个JSON,其中包含该品牌的汽车列表。您解码JSON并创建一个select(或填充一个隐藏的select,然后显示该品牌的汽车)。为此,您可以使用Jquery或原型javascript框架


另一个选项是在选择汽车品牌时提交表单,并从PHP添加新的select

为什么必须使用PHP?在javascript中实现这一点是有意义的。您可以通过向分支组合框添加javascript回调来实现这一点,该回调将以编程方式设置“模型”组合框的可用值。