Tengo la duda de como poder deshabilitar opciones de un select
, dependiendo de otro select
.
Por ejemplo:
//SELECT 1
<select class="opciones">
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
</select>
//SELECT 2
<select>
<option value="1">Ejemplo #1</option>
<option value="2">Ejemplo #2</option>
<option value="3">Ejemplo #3</option>
<option value="4">Ejemplo #4</option>
</select>
Al momento de elegir, por ejemplo, en el select1
elegir opcion 1
, entonces deshabilitar en el segundo select2
: ejemplo 1
y ejemplo 2
.
$(".caja").on("change",".opciones",function(){
/*obtener opciones elegidas del select*/
var opciones = $(".opciones option:selected");
opciones = parseInt(opciones);
if(opciones == 1)
{
// ??
}
});
¿De qué forma se podría realizar?