如何禁用選擇框中的特定值之一

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，因此這里是針對ya的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;
    }
}