HTML:
<div class="col-sm-6">
<div class="input-group input-group-sm">
<span class="input-group-addon chgsize1" id="basic-addon3">Disponibilità</span>
<select class='form-control custom-select colorful-select dropdown-primary' name='FLDISP' id='FLDISP'>
<option value="<?php echo ''; ?>"><?php echo 'Seleziona...'; ?></option>
<option value="S">Si</option>
<option value="N">No</option>
</select>
</div>
</div>
<div class="col-sm-6" style="padding-left: 0px !important;">
<div class="input-group input-group-sm">
<span class="input-group-addon" id="basic-addon3">Dettagli</span>
<select class='form-control custom-select colorful-select dropdown-primary'
name='CDDISP'
id='CDDISP'
disabled
onchange='loadMappa(this)'>
<option value="<?php echo ''; ?>"><?php echo 'Scelta...'; ?></option>
<option value="P">Provincia</option>
<option value="R">Regione</option>
</select>
</div>
</div>
JavaScript:
$('#FLDISP').on('change', function () {
var select1 = $(this).val();
if (select1 === 'S') {
$('#CDDISP').prop( "disabled", false );
$('#FLDIES').prop( "disabled", false );
} else {
$('#CDDISP').prop( "disabled", true ); $("#NewInput05").html('');
$('#CDDISP').prev('span').removeClass('alert-success');
$('#FLDIES').prop( "disabled", true );
}
});
Vorrei un aiuto e vi posto il mio problema:
Se scelgo "SI" nella prima select mi si attiva la seconda select e fin qui tutto bene. Se nella prima select scelgo nuovamente "Seleziona..." mi funziona il "removeClass('alert-success')", vedi lo script jquery, ma non mi ri-compare la scritta nella prima select "Seleziona..."
come posso fare????
Grazie