javascript - 下拉菜单中选定的选项会选择另一个下拉菜单中的选项

Question

我正在寻找如何在选择沃尔沃选项时获得它，然后选择 740。我想添加其他 if 语句，但我无法弄清楚这一点。如果我选择 saab 我希望它选择 240

我想使用 jquery 或 javascript

提前谢谢您。这就是我所拥有的，但它不起作用。

下面是更改下拉列表的更正代码。

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

<select id="myselectVolvo">
  <option value="740">740</option>
  <option value="940">940</option>
  <option value="240">240</option>
  <option value="340">340</option>
</select>



$('#myselect1').change(function(){


        if($('#myselect1').val() == 'volvo'){ 

        $('#myselectVolvo').val('940').trigger('change');}

       else if($('#myselect1').val() == 'saab'){
           $('#myselectVolvo').val('240').trigger('change'); }




    //alert("The text has been changed.");}
  //};
});

Answer 1

最后 js 代码行有一个拼写错误。#myselctVolvo 应为 #myselectVolvo

your condition in if is wrong you need to use $('#myselect1').val() == 'volvo'. You missed .val() after jquery selector.