HideSelect

by Andrea Nobili

HTML

<form id="ricercaForm" method="post" action="consultazioneRicercaForm" novalidate="novalidate">
    <label style="display: block;">AttivitĂ :</label>
    <select id="selAttivitaSelezionata" class="form-control" name="selAttivita">
        <option value="valida">Valida Progetto</option>
        <option value="invalida">Rimuovi Validazione</option>
        <option value="allegaProspettoAiRendicontatiPregressi">Allega prospetto ai progetti rendicontati pregressi</option>
    </select>
    
    <label id="statoProgettoLabel" style="display: block;">Stato Progetto:</label>
    <select id="selStatoProgetto" class="form-control" name="statoProgetto">
        <option value="3">Da validare</option>
        <option value="6">In validazione</option>
    </select>
    
    <label id="documentiAllegatiLabel" style="display: none;">Documenti Allegati:</label>
    <select id="selDocumentillegati" class="form-control" style="display: none;" name="selDocumentiAllegati">
        <option value="">--DOCUMENTI ALLEGATI--</option>
        <option value="si">Si</option>
        <option value="no">No</option>
    </select>
    
</form>

JavaScript

$(document).ready(function() {
    
    $("#selAttivitaSelezionata").change(function() {
		alert("TIPOLOGIA PROGETTO CAMBIATA");
        var selelectAttivita = $("#selAttivitaSelezionata");
						var attivita = selelectAttivita.val();
						//alert(attivita);
						
						if(attivita == "invalida") {
							$("#statoProgettoLabel").hide();
							$("#selStatoProgetto").hide();
							
							$("#documentiAllegatiLabel").hide();
							$("#selDocumentiAllegati").hide();
						}
						
						else if(attivita == "valida") {
							$("#statoProgettoLabel").show();
							$("#selStatoProgetto").show();
							
							$("#documentiAllegatiLabel").hide();
							$("#selDocumentiAllegati").hide();
						}
						
						else if(attivita == "allegaProspettoAiRendicontatiPregressi") {
							$("#documentiAllegatiLabel").show();
							$("#selDocumentiAllegati").show();
							
							$("#statoProgettoLabel").hide();
							$("#selStatoProgetto").hide();
						}
	});
    
});