Deshabilitar las opciones de selección basadas en el valor * a través del HTML solamente! *

Question

Necesito desactivar una opción de selección basada en el valor de una variable. El valor es similar a uno del valor de opción de selección y necesita ser deshabilitado.

Para ex,

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

$variable = <some select option value>; 

lo tanto, si la variable es igual al valor A, entonces tiene que estar deshabilitado en seleccione la opción.

Gracias.

Answer 1

Con su margen de beneficio actual esto funcionará:

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

http://jsfiddle.net/CtqC6/

EDITAR

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

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

Answer 2

Digamos que usted tenía el siguiente marcado

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

El uso de este jQuery, la opción de Saab se desactivaría.

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

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

Try it out here

Answer 3

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

Answer 4

Ésta debe ser una solución más rápida

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