多链下拉组答案

【问题标题】：Multi chained drop down group多链下拉组
【发布时间】：2011-11-09 09:22:24
【问题描述】：

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

<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。我该怎么做？

【问题讨论】：

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

标签： php html

【解决方案1】：

您可以使用 jquery 和 show() hide() 属性。这适用于所有浏览器。

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

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

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

【讨论】：

【解决方案2】：

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

另一种选择是在选择汽车品牌时提交表单并添加来自 PHP 的新选择。

【讨论】：