javascript - 如何在页面加载后禁用下拉列表框项目的选择？

Question

基于下拉列表框的第一个输入，第二个下拉列表框应启用选择

使用下面的 javascript 来禁用项目的选择。

function close_other_box(box){
    if(box.id="dropdown1" && box.selectedIndex<2){
        document.getElementById('dropdown2').value="Select"
        document.getElementById('dropdown2').disabled=true
    } else {
        document.getElementById('dropdown2').disabled=false
    }
}

当我运行页面时，“dropdown2”没有被禁用，在我只在第一个“dropdown1”上做出选择之后 dropdown2 被禁用......

我需要的是，

加载页面时，我需要禁用 dropdown2...

Answer 1

使用window.onload

window.onload = function () {
    document.getElementById('dropdown2').disabled=true;
}

这是 JSFiddle