仅通过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");
    }
});

在这里尝试一下