【问题标题】:Hide/Show new menus based on user's selection根据用户的选择隐藏/显示新菜单
【发布时间】:2013-02-14 13:12:15
【问题描述】:

我有这个菜单:

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

但它不起作用

【问题讨论】:

  • 您想要为每个选择创建一个子菜单,还是仅在选择了 Documentation 时?
  • 仅在选择文档 span>时

标签: javascript html css cakephp-1.2


【解决方案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>

【讨论】:

  • 所以现在我要做一个新菜单: Submenu
  • 没错,只需新建一个和/或将 menu2 更改为其他内容,然后显示:无。
  • 抱歉,我编辑了这个问题,因为我无法让它工作。
  • @Ettore 我编辑了我的答案,签出,您需要将 menu2 设置为 ID,而不是名称,并添加 display: none 样式。
  • 我怎样才能使用 'LIKE' 代替 == ?例如 if(this.value LIKE 'D') ?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-06
相关资源
最近更新 更多