Question

我有一个这样的选择列表来选择汽车分支：

<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>

我还有其他三个汽车名称选择列表：

一个'TOYOTA类型'包含例如COROLLA，CAMRY，RAV4和其他
一个用于'HONDA类型'包含例如CIVIC，ACCORD，其他
一个用于'NISSAN类型'包含例如

如果用户选择TOYOTA，则“TOYOTA”类型选择列表将仅显示，而不显示其他BRANCH Cars。我怎么能这样做？

Answer 1

您可以使用jquery和show（）hide（）属性。这将适用于每个浏览器。

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

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

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

Answer 2

您可以选择汽车品牌，一旦您选择汽车品牌，您就可以对脚本进行AJAX调用，该脚本将返回带有该品牌汽车列表的JSON。您解码JSON并使用品牌的汽车创建一个选择（或填充您随后显示的隐藏选择）。为此，您可以使用Jquery或Prototype javascript框架。

另一种选择是在选择汽车品牌时提交表格并从PHP添加新选择。

多链下拉组

2 个答案: