Ciao a tutti il mio problema consiste nel dover abilitare e disabilitare visivamente un TAG html da un menu a cascata, in questo esempio ci sono 2 option 1) Livello1 e 2) Livello2, se si ha i requisiti per avviare livello1 al suo termine, si deve abilitare option Livello2 e se si ha i requisiti avviare anche quello, grazie a tutti per eventuali aiuti.
CODICE:
codice HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>Conto alla rovescia</title>
        <meta charset="utf-8">

        <script>
            function updateTimer(divId,seconds)
            {    
                document.getElementById('avvia').disabled=true;
                elem = document.getElementById(divId);
                elem.style.display = 'none';
                sec = seconds;
                if(seconds < 10) {
                    sec = "0" + seconds;
                }
                document.getElementById('seconds').innerHTML = "00:00:" + sec;

                if (seconds == 0) {
                    document.getElementById('avvia').disabled=false;
                    elem.style.display = 'block';
                } else {
                    var count = seconds - 1;
                    setTimeout("updateTimer('" + divId + "'," + count + ")", 1000);
                }
            }
            // setta conteggio iniziale 
            function setTime(time) {
                document.getElementById('seconds').innerHTML = "00:00:" + parseInt(time);
            }
            // recupero valore select
            function getSelected(select) {
                return select.options[select.selectedIndex].value;
            }
            // recupera l'elemento
            function getId(el) {
                return document.getElementById(el);
            }
            
        </script>
    </head>

    <body>
        <div>
<?php
// Livello1 e di Default FALSE, deve diventare TRUE solo dopo che il processo del primo TAG option va a termine
// e quindi successivamente sbloccare il secondo TAG option
$livello1 = FALSE; 
$cassa = 1000;
$opt1 = 100;
$opt2 = 500;
?>
            <select name="secondi" id="secondi" onchange="setTime(getSelected(this))">
                <?php
                if($cassa >= $opt1){
                    $cassa = $cassa - $opt1;
                    echo'
                <option value="2">Livello 1</option>
                    ';
                    $livello1 = TRUE;
                }
// Livello 2 deve essere visibile solo se Livello 1 e stato già avviato e portato a termine
// Livello 1 dopo aver portato a termine il processo deve disabilitarsi e non dovrebbè più essere avviato
                if($cassa >= $opt2 && $livello1 == TRUE){
                    $cassa = $cassa - $opt2;
                    echo'
                    <option value="4">Livello 2</option>
                    ';
                }
                ?>    
            </select>

            <input type="button" id="avvia" onclick="updateTimer('foo',getSelected(getId('secondi'))); " value="AVVIA" />

            <h1 id="seconds"></h1>

            <div id="foo" style="display: none;">
                <h1>Conto alla rovescia terminato! Livello successivo sbloccato</h1>
                <h2>Soldi rimanenti in cassa: <?php echo $cassa ?></h2>

            </div>
        </div>
    </body>
</html>