在选择选项上设置id以禁用javascript

set id on select option to disabled javascript

本文关键字：javascript id 设置 选择 选项      更新时间：2023-09-26

我想在不单击任何按钮的情况下禁用选择选项。我该怎么做呢?我试过了。在JS中使用id选项

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将被禁用，但它不工作。

在事件处理程序中，您需要传入元素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;
    }
}
相关文章：