选择中的JS选项禁用值？ [复制]

【问题标题】：JS option in select disabled on value? [duplicate]选择中的JS选项禁用值？ [复制]
【发布时间】：2021-05-19 01:23:48
【问题描述】：

如何使用 JS 禁用选项值而不是选项索引。

<select id="myselect">
 <option value="20">20</option>
 <option value="30">30</option>
</select>

document.getElementById('myselect').options[0].disabled = true;
document.getElementById('myselect').options[1].disabled = false;

【问题讨论】：

标签： javascript

【解决方案1】：

首先，您获取所有option 标签并将它们保存到allOptions

然后，遍历他们每个人并检查他们的value是否符合某些条件。

const allOptions = document.querySelectorAll('#myselect option')

allOptions.forEach(elem => {
  elem.disable = elem.value > 30 ? true : false; 
}

【讨论】：

它并不漂亮，但它确实有效。希望有一些像 options[value=30] 或类似的简单的东西
options[value=30] 作为标准？

【解决方案2】：

你可以使用下面的例子

var perfType = document.getElementById("driveCapacity").value;
if (perfType == "7200") {
  document.getElementById("4000").disabled = false;
} else {
  document.getElementById("4000").disabled = true;
} //driveRPM

<body>
  <select class="pull-right text-muted small" name="driveCapacity" id="driveCapacity">
    <option value="4000.0" id="4000">4TB</option>
    <option value="900.0" id="900">900GB</option>
    <option value="300.0" id="300">300GB</option>
  </select>
</body>

【讨论】：