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?
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: