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

Question

我想在不点击任何按钮的情况下禁用选择选项。我怎样才能做到这一点？ 我试过这个。在 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 的选项将被禁用，但它不起作用。我曾尝试在堆栈溢出中进行搜索，但没有找到。

Answer 1

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