Option value ridenominato

  • Creatore Discussione Creatore Discussione Vera
  • Data di inizio Data di inizio

Vera

Utente Attivo
3 Giu 2014
76
1
8
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
 
ma non mi ri-compare la scritta nella prima select "Seleziona..."
Intendi "la scritta nella seconda select Scelta...", cioè la select #CDDISP, giusto?

Se è così, la cosa chiaramente non è automatica, dovrai riselezionare quella specifica option. Con jquery Puoi farlo applicando alla relativa select il valore corrispondente alla option da selezionare (in questo caso il valore della prima option dovrebbe essere una stringa vuota, da ciò che mi pare di capire).

Nell'else prova ad inserire una cosa del genere:
JavaScript:
$('#CDDISP').val('');

Sempre che io abbia capito cosa intendevi, altrimenti ti chiedo di spiegare meglio.
 

Discussioni simili