javascript - 如何在选择标签的更改时切换选定的 true 或 false？

Question

我有一个带有 n 个选项的选择标签。我需要将所选选项设置为 true，并将其他选项设置为 false。 true 应该在 onchange 函数触发时切换。

我的代码如下:

let techDropClone = document.getElementsByTagName("select")[0];
let opt = techDropClone.options;
opt[techDropClone.selectedIndex].setAttribute("selected",true);

我知道上面的代码不会切换 true，但我不知道如何实现这一点。

Answer 1

普通的 js 解决方案可能是:

let techDropClone = document.getElementsByTagName("select")[0];
let opt = techDropClone.options;

for(var i=0; i<opt.length; i++){
    if(i == techDropClone.selectedIndex){
        opt[i].setAttribute("selected",true);
    }else{
        opt[i].setAttribute("selected",false);
    }
}

优化是可能的，但我不太了解你的数据结构