将 select 选项上的 ID 设置为禁用 javascript

Question

我想在 select 上禁用选项而不单击任何按钮。我怎样才能做到这一点？我试过了。在 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 的选项将被禁用，但它不起作用。我已经尝试在 stack over flow 中搜索，但没有找到。

Answer 1

在您的事件处理程序中，您需要传入元素 onchange="handleSelect(this)"。然后使用它：

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

另请注意，id 不应该是严格的数字，虽然它在 HTML 5 中受支持，但它不低于 HTML 4.01，它需要以 a 开头字母.

此外，如果您仅在 JavaScript 中附加事件处理程序，您可以这样做：

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

将 select 选项上的 ID 设置为禁用 javascript

set id on select option to disabled javascript

javascript

html

select

options

disabled-control