Javascript 根据1的所选选项更改2的所选选项 我所拥有的：

我有两个选择元素。1放在a的前面，而2放在a的下面。除了类名之外，每个元素的内容和功能都是相同的

我需要的是： 无论何时从1中选择一个选项，我都需要从2中选择相同的选项。 反之亦然 我的代码： 注意：以下代码不演示反之亦然

HTML:

JSFiddle：

为方便起见：

我的问题:

---

为什么没有选择必要的选项？

通过使用这些元素上的类，并将两者上的val设置为当前选定的值，可以大大简化代码

$('.togglebuildprojecturn').change(function() {
    $('.togglebuildprojecturn').val($(this).val());
});

---

卓越、简洁、快捷。谢谢经过必要的时间后选择正确答案。

$('.togglebuildprojecturn_top').on('change', function() {

    //First attempt that I expected to work...
    var selectedbuildprojecturn = $(this).val();
    var togglematch = ".togglebuildprojecturn_bottom[value='" + selectedbuildprojecturn +"']"
    alert(togglematch); //Just testing here (I know I should be using console logs :-)
    $(togglematch).attr('selected', true);

    //Testing for targeting without selector as variable...
    $(".togglebuildprojecturn_bottom[value='prsm-spe-00058']").attr('selected', true);

});

$('.togglebuildprojecturn_bottom').on('change', function() {

    //First attempt that I expected to work...
    var selectedbuildprojecturn = $(this).val();
    var togglematch = ".togglebuildprojecturn_top[value='" + selectedbuildprojecturn +"']"
    alert(togglematch); //Just testing here (I know I should be using console logs :-)
    $(togglematch).attr('selected', true);

});

$('.togglebuildprojecturn').change(function() {
    $('.togglebuildprojecturn').val($(this).val());
});