es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo mostrar / ocultar la misma opción desde otro menú desplegable utilizando jQuery o Javascript.

Tengo 4 listas desplegables

hay otras 3 listas desplegables con identificadores como encoder2, encoder3 y encoder4. Quiero ocultar las opciones si se seleccionan en cualquiera de estas 4 listas. Usé este código llamando al nombre de la clase, pero no funcionó.

$(‘.encoderSelect’).change(function(){
var optionval = $(‘.encoderSelect’).val();
console.log(optionval);
$(“.encoderSelect option[value='”+optionval+”‘]”).hide();

}); 

$(‘.encoderSelect’).on(“change”, function(){
$(‘.encoderSelect:selected’, this).hide().siblings().show();
}).trigger(‘change’); //este código también se intentó pero no funcionó

¿Puedo implementar esto usando la clase? ¿O debo usar el identificador?

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Se puede implementar esto usando la clase. Se puede utilizar el siguiente código para ocultar las opciones si se seleccionan en cualquiera de las cuatro listas desplegables:

    $('.encoderSelect').change(function(){
        var optionval = $('.encoderSelect').val();
        $(".encoderSelect option[value='"+optionval+"']").hide();
    });
    

Comments are closed.