Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Evento a seguito di scelta di un'opzione da select

    Ciao,
    buone feste a tutti innanzitutto. Avrei bisogno di un aiuto per quanto riguarda questo problema: non riesco ad associare al clic su un'opzione di un form di tipo "select" il verificarsi di un evento come la comparsa di un div. Con il form di tipo "radio" sono riuscito (usando jquery), ma per motivi di visualizzazione avrei bisogno di ottenere un risultato analogo con il form select.
    Qualcuno sa se è possibile?
    Grazie infinite,
    saluti a tutti.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, buone feste a te.
    In jQuery puoi usare change per un elemento select.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Grazie mille! Ho cercato un po' e ho adattato uno snippet al mio caso.
    Per questo ottimo forum e per chi ne avesse bisogno, allego il codice essenziale:

    <html>
    <head>
    <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
    <script>
    $(function() {
    $('#risposta1').hide();
    $('#type1').change(function(){
    if($('#type1').val() == 'corretta') {
    $('#risposta1').show();
    } else {
    $('#risposta1').hide();
    }
    });
    });
    </script>
    </head>


    <body>
    <p>Clicca sull'opzione "C" per visualizzare il div.</p>
    <div class="funzionelogica">
    <select id="type1">
    <option value="errata">A</option>
    <option value="errata">B</option>
    <option value="corretta">C</option>
    <option value="errata">D</option>
    </select>
    </div>
    <div class="funzionelogica" id="risposta1" style="display:inline">Ciao!</div>
    </body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.