Tengo en mi pagina un formulario para agregar un establecimiento y dentro tengo 3 combobox, las opciones de los 3 son SI y NO, el primer Combobox es para preguntar si requiere pago, el segundo es Retribución y el tercero es Retribución no Pecuniaria, lo que estoy intentando hacer es que el segundo y tercer combobox estén siempre deshabilitados y solo se habiliten si en el primer combobox se elija la opcion SI.
Mis combobox son los siguientes:
<div class="form-group">
<label for="pago"><i class="fas fa-school"></i> Requiere Pago</label>
<select class="form-control" name="pago">
<option value="0" selected>-- SELECCIONE --</option>
<?php foreach($pagos as $f):?>
<option value="<?php echo $f->id; ?>"><?php echo $f->nombre_pago; ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="pecuniaria"><i class="fas fa-school"></i> Requiere Retribución
Pecuniaria</label>
<select class="form-control" name="pecuniaria" disabled>
<option value="0" selected>-- SELECCIONE --</option>
<?php foreach($pagos as $f):?>
<option value="<?php echo $f->id; ?>"><?php echo $f->nombre_pago; ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="no_pecuniaria"><i class="fas fa-school"></i> Requiere Retribución no
Pecuniaria</label>
<select class="form-control" name="no_pecuniaria">
<option value="">-- SELECCIONE --</option>
<?php foreach($pagos as $f):?>
<option value="<?php echo $f->id; ?>"><?php echo $f->nombre_pago; ?></option>
<?php endforeach; ?>
</select>
</div>
Los OPTION de los combobox los lleno desde una consulta a la BD, esto funciona bien.
Y estoy trabajando con un script que encontre pero no me funciona.
<script>
$("#pago").change(function() {
if($("#pago").val() !== "0"){
$('#pecuniaria').prop('disabled', false);
}
else
{
$('#pecuniaria').prop('disabled', 'disabled');
}
});
</script>