具有多个选项的多个列表 - Multiple lists with multiple options

Multiple lists with multiple options

本文关键字：列表选项 | 更新日期: 2023-09-27

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

一旦用户选择了第一个选项，即汽车品牌，他就应该在下一个下拉列表中获得该汽车的选项，第三个下拉列表应该根据该特定型号进行调整。

如果我的解释太难理解，这里有一个我试图创造的东西的例子。http://www.quantumtuning.se/?page_id=36

如果有人能在某个地方给我一个指南或解释的链接，我会很感激，因为我到处找都没有成功。

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

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...
    }
});