具有多个选项的多个列表

Question

我试图创建3个不同的列表，第一个包含不同的汽车品牌，第二个是汽车的型号，第三个是汽车的电机。

一旦用户选择了第一个选项（即汽车品牌），他就应该在下一个下拉列表中获取该汽车的选项，并且从该选项中，第三个下拉列表应该调整到该特定模型。

如果我的解释太难理解，那就是我试图创造的一个例子。 http://www.quantumtuning.se/?page_id=36

如果有人可以在某处向我提供指南或解释的链接，那么会有所帮助，因为我一直在寻找无处不在的地方。

Answer 1

正如KJ所说 - 同样，您可以使用jQuery change（）eventlistener查看值何时更改，并重新填充另一个选择框：

<select id="make">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select

＆GT;

JS：

$('#make').change(function(e){

    switch($(this).val()){
      case 'volvo':
          //code to populate model list
      break;
      case 'saab':
          //code to populate model list
      break;
      //etc...
    }
});