Hide/Show new menus based on user's selection

StackOverflow https://stackoverflow.com/questions/14875654

Question

I have this menu:

Classificazione&nbsp;&nbsp;<select onchange="if(this.value == 'D'){ document.getElementById('menu2').style.display = 'block'; } else { document.getElementById('menu2').style.display = 'none'; }" style="margin-top: 5px;" name="classificazione">
            <option value="art0"></option>
            <option value="C" <?php if (isset($getParams['classificazione'])&&$getParams['classificazione']=="C") echo "selected"; ?> >Articoli</option>
            <option value="D" <?php if (isset($getParams['classificazione'])&&$getParams['classificazione']=="D") echo "selected"; ?> >Documentazione</option>
            <option value="A" <?php if (isset($getParams['classificazione'])&&$getParams['classificazione']=="A") echo "selected"; ?> >Libri</option>
            <option value="G" <?php if (isset($getParams['classificazione'])&&$getParams['classificazione']=="G") echo "selected"; ?> >Materiali</option>
            <option value="B" <?php if (isset($getParams['classificazione'])&&$getParams['classificazione']=="B") echo "selected"; ?> >Riviste</option>
      </select><br />

Only when the user selects the value 'Documentazione' I want to show another (equal) menu, with different option.
I added this submenu: 

<select style="margin-top: 5px;" name="menu2">
            <option value="art0"></option>
            <option value="C" >Corsi</option>
            <option value="D" >Incontri</option>
            <option value="A" >Convegni</option>
            <option value="G" >Gruppi</option>
            <option value="B" >Progetto</option>
</select><br />

But it's not working

Was it helpful?

Solution 

Classificazione&nbsp;&nbsp;<select onchange="if(this.value == 'D'){ document.getElementById('menu2').style.display = 'block'; } else { document.getElementById('menu2').style.display = 'none'; }" style="margin-top: 5px;" name="classificazione">
    <option value="art0"></option>
    <option value="C" <?php if ($getParams['classificazione']=="C") echo "selected"; ?> >Articoli</option>
    <option value="D" <?php if ($getParams['classificazione']=="D") echo "selected"; ?> >Documentazione</option>
    <option value="A" <?php if ($getParams['classificazione']=="A") echo "selected"; ?> >Libri</option>
    <option value="G" <?php if ($getParams['classificazione']=="G") echo "selected"; ?> >Materiali</option>
    <option value="B" <?php if ($getParams['classificazione']=="B") echo "selected"; ?> >Riviste</option>
</select>

notice the onchange event.

<select style="margin-top: 5px; display: none;" id="menu2">
        <option value="art0"></option>
        <option value="C" >Corsi</option>
        <option value="D" >Incontri</option>
        <option value="A" >Convegni</option>
        <option value="G" >Gruppi</option>
        <option value="B" >Progetto</option></select>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top