añadir clase a option

[MiguelWhite]

Hola,
quiero añadir la clase "off" solo al option value que contiene la variable zap, pero no lo consigo, pero lo pone a todos los option.

Código Javascript:

$(document).ready(function() {
    
    $("#sel_zap option").click(function(){ 
        var zap = $(this).val();
        $(#sel_cuo).val(zap).addClass(".off");
        
    });
    
});
 

saludos

[Fernand0]

Como es eso del "option value que contiene la variable zap"? No entiendo eso, pero te doy un ejemplo como para clarificar las cosas un poco

Código HTML:

<select id="sel_zap">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>
 

Código Javascript:

$("#sel_zap").change(function() {
    $(this).children(":selected").addClass("off")); // "off" sin el "." delante
});
 

P.D.: trata de pasar un ejemplo HTML(no solo js) asi es mas facil ayudarte

[MiguelWhite]

Hola Fernand0 !
gracias por contestar,
lo que yo quiero hacer es lo siguiente:
Tengo dos select, si en el primer select eligo por ejemplo la segunda opcion (value="2"), en el segundo select no debe aparecer, si en primer select elijo la primera opcion (value="1"), en el segundo select no debe aparecer.

espero que me haya explicado mejor

Código PHP:

<select id="sel_zap">
<option value="1"></option>
<option value="2"></option>
</select>
 
<select id="sel_cuo">
<option value="1"></option>
<option value="2"></option>
</select>
 

saludos :)

[Fernand0]

A ver, deberia funcionar, te paso el fiddle de paso.

Código Javascript:

$("#sel_zap").change(function() {
    var zap = $(this).children(":selected").val();
    $("#sel_cuo option[value="+zap+"]").addClass("off");
});
 

[MiguelWhite]

muchas gracias !!
si funciona perfectamente, pero me tope con otro problema.
Si elijo una opcion en el primer select, en el segundo select me la oculta por la clase "off" que añade, hasta aqui todo bien, el problema viene cuando elijo otra opcion del primer select, se me van acumulando las clases "off" en todas las que pincho, deberia ser algo asi como: pincho en una opcion del primer select, me pone la clase "off" en el segundo select y si pincho en otra opcion del primer select, me saca la clase "off" de la opcion en la que estaba para ponermela en la nueva. Lo estoy intentado resolver añadiendo un if, creo que voy bien por ese camino.


saludos
gracias :)

[MiguelWhite]

Creo que por aqui podrian ir los tiros, pero no me funciona bien

Código Javascript:

$("#sel_zap").change(function() {
        var zap = $(this).children(":selected").val();
        
        if( $("#sel_cuo option[value="+zap+"]").hasClass("off")){
            $("#sel_cuo").removeClass("off");
        }else {
            $("#sel_cuo").removeClass("off");
            $("#sel_cuo option[value="+zap+"]").addClass("off");
        }
  });
 

saludos

[MiguelWhite]

ayuda ??? please