javascript - 根据用户的选择隐藏/显示新菜单

Question

我有这个菜单：

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 />

仅当用户选择值“Documentazione”时，我才想显示另一个（相等的）菜单，具有不同的选项。
我添加了这个子菜单：

<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 />

但它不工作

Answer 1

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>

注意 onchange 事件。

<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>