仅通过HTML禁用基于值*的选择选项！*

Question

我需要根据变量的值禁用选择选项。该值类似于其中一个选择选项值，需要将其禁用。

对于前，

<select>
<option>Value a</option>
<option>Value b</option>
</select>

$variable = <some select option value>;

因此，如果变量等于值a，则需要在select选项中禁用它。

感谢。

Answer 1

使用您当前的标记，这将有效：

$("select option:contains('Value b')").attr("disabled","disabled");

http://jsfiddle.net/CtqC6/

修改

http://jsfiddle.net/CtqC6/1/

var variable = "b"
$("select option:contains('Value " + variable + "')").attr("disabled","disabled");
$("select").prop("selectedIndex",-1)

Answer 2

$("select option[value='"+ $variable + "']").attr('disabled', true); 

Answer 3

这应该是一个更快的解决方案

$('select').children('option[value="' + $variable + '"]').attr('disabled', true)

Answer 4

假设您有以下标记

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

使用此jQuery，将禁用saab选项。

$("select option").each(function() {
    var $thisOption = $(this);
    var valueToCompare = "saab";

    if($thisOption.val() == valueToCompare) {
        $thisOption.attr("disabled", "disabled");
    }
});

Try it out here