如何在选择框中禁用其中一个特定值

Question

我需要在下拉菜单中显示与客户相关的多个帐户。如果帐户未激活，我无法选择它，当我尝试选择它时应显示一些消息。

尽可能_

Answer 1

我认为这不容易吗？

<select>
  <option value="volvo">Volvo</option>
  <option value="saab" disabled>Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

在jQuery的情况下你可以使用

//1.6+
$("option .with-class-you-choose").prop('disabled', true);
//1.5 and below
$("option .with-class-you-choose").attr('disabled','disabled');

Answer 2

由于您标记了Javascript，这里是一个针对您的JS解决方案。

https://jsfiddle.net/scheda/vh7dgenv/

var options = document.getElementsByTagName('option');

for (var i = 0; i < options.length; i++) {
    if (options[i].dataset.enabled == 'false') {
        options[i].disabled = true;
    }
}