Question

我想禁用选项而不点击任何按钮。我怎样才能做到这一点？我试过这个。在JS中使用id on选项

html代码：

<select name="select01" id="select01" onchange="handleSelect()">
 <option value="01" id="01">01</option>
 <option value="02" id="02">02</option>
 <option value="03" id="03">03</option>
</select>

JS代码：

<script>
function handleSelect() {
if (this.value == '02') {
    document.getElementById('02').disabled=true;
  }
}
</script>

据我所知，代码JS中，id 02的选项将被禁用，但它不起作用。我已经尝试在堆栈内搜索但没有找到。

Answer 1

在你的eventhandler中，你需要传递元素onchange="handleSelect(this)"。然后使用它：

function handleSelect(ele) {
    if (ele.value == '02') {
        document.getElementById('02').disabled=true;
    }
}

另请注意，id不应该是严格的数字，而HTML 5支持它不低于HTML 4.01，它需要以字母开头。

此外，如果您仅使用JavaScript附加事件处理程序，则可以执行以下操作：

document.getElementById("select01").onchange = function() {
    if (this.value == '02') {
        document.getElementById('02').disabled=true;
    }
}

将select选项设置为禁用javascript

1 个答案: