需要使用javascript为下拉列表创建onChange/onSelect

如果您能帮助我，我不知道javascript中的createonchange/onselect函数将如何使用

<div class="subdivision half">
    <select id="cabin" name "cabin" required tabindex="4">
             <option value="executive">Executive</option>
             <option value="sport">Sport</option>
             <option value="suv">SUV</option>
             <option value="standard">Standard</option>**strong text**
        </select>
     </div>
<div class="subdivision half">
     <select id="car" name="car" required tabindex="5">
         <option value="mercedes-benz s400" class="executive">Mercedes Benz S400</option>
         <option value="mercedes-benz s500" class="executive">Mercedes Benz S500</option>
         <option value="bentleyflyingspur" class="executive">Bentley Flying Spur</option>
         <option value="ferrari458" class="sport">Ferrari Italia 458</option>
         <option value="ferrari488" class="sport">Ferrari Italia 488</option>
         <option value="lambohuracain" class="sport">Lamborghini Huracain</option>
         <option value="lamboaventador" class="sport">Lamborghini Aventador</option>
      </select>
   </div>

总经理
运动
运动型多用途汽车
标准**强文本**
梅赛德斯-奔驰S400
梅赛德斯-奔驰S500
宾利飞驰
意大利法拉利458
法拉利意大利488
兰博基尼胡拉钦
兰博基尼艾文塔多

试试这个：

Javascript

函数registerEvent（）{
document.getElementById（“CAB”）.onchange=change；
document.getElementById（“car”）.onchange=change；
}
函数更改（）{
log（“元素：”，this）；
}
registerEvent（）

总经理
运动
运动型多用途汽车
标准**强文本**
梅赛德斯-奔驰S400
梅赛德斯-奔驰S500
宾利飞驰
意大利法拉利458
法拉利意大利488
兰博基尼胡拉钦
兰博基尼艾文塔多
检查此项，因为您也已标记为jquery。这就是捕获onchange事件的方式

$( "#cabin" ).change( function(){

    alert( $( this ).val() );

} );

检查此更新以了解您的更新需求

$( "#cabin" ).change( function(){

  var selectionClassValue = $( "#cabin" ).val();
  $( "#car" ).val( "" );
  $( "#car" ).find( "option" ).hide();
  $( "#car" ).find( "option" ).removeClass( "visible" );
  $( "#car" ).find( "option." + selectionClassValue ).show();
  $( "#car" ).find( "option." + selectionClassValue ).addClass( "visible" );
  $( "#car option.visible" ).first().prop('selected', true);

} );

我想我没有解释清楚，我需要在选择座舱类型时更改车辆列表。例如，如果我选择仅限高管的梅赛德斯-奔驰S400、梅赛德斯-奔驰S500和entley Flying Spur应在其他下拉列表中显示与其他驾驶室相同的情况，即您需要为每个驾驶室类型选择一个车辆列表。您还没有分享详细信息。请告诉我两种客舱类型：行政舱和运动舱？剩下的我将试着弄清楚：D欣赏再次检查我的小提琴我做了，但在汽车类别中相同的故事所有的汽车都是可见的：'（谢谢你的回答，但我相信我没有正确地解释它，我需要在选择座舱类型时更改汽车列表。例如，如果我选择仅限高管的梅赛德斯-奔驰S400，梅赛德斯-奔驰S500和entley Flying Spur应该在其他下拉列表中显示与其他座舱相同的故事，我是否也应该在html中添加任何内容以使其正常运行？在在这种情况下，您将不得不用新数据重新创建下拉列表。我将更新我的答案，以描述已更新我的答案的内容。请检查jQuery部分。