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

时间:2013-02-14 13:12:15

标签: javascript html css cakephp-1.2

我有这个菜单:

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

但它不起作用

1 个答案:

答案 0 :(得分: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>