Php 多链下拉组
我有一个这样的选择列表来选择car branch: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
<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回调来实现这一点,该回调将以编程方式设置“模型”组合框的可用值。