-3

我有一个由包含多个选项的无序列表组成的下拉菜单。选择一个选项后,我希望此选项填充头部选择框 (li class="first") 替换“我是...”文本。然后可以按下“Go”按钮来打开该特定选项的 href。这是html:

    <div class="dropNavOne" class="gradient">
    <ul>
    <li class="first"><a href="#">I am a...</a>
        <ul class="menu_body1">
            <li><a href="#">Option 1</a></li>
            <li><a href="#">Option 2</a></li>
            <li><a href="#">Option 3</a></li>
            <li><a href="#">Option 4</a></li>
            <li><a href="#">Option 5</a></li>
            <li><a href="#">Option 6</a></li>
            <li><a href="#">Option 7</a></li>
            <li><a href="#">Option 8</a></li>
            <li><a href="#">Option 9</a></li>
            <li class="last"><a href="#">Option 10</a></li>
        </ul>
    </li>
    </ul>
    </div>
    <a href="#"><div class="goButtonOne" class="gradient">Go</div></a>

如果这是可能的,请告诉我......谢谢!

4

1 回答 1

0

这里有一些你会发现在写这篇文章时有用的指针。可能有一些插件可以直接满足您的要求,但另一方面,这听起来很简单,您可以自己完成。

  • 对无序列表中的隐藏和显示元素使用类
  • 设置 DOM 就绪处理程序以将事件处理程序添加到您的页面
  • 附加一个点击事件以显示您的菜单(可能按班级,因此您可以一次显示许多项目)
  • 附加一个点击事件来隐藏你的菜单
  • 使用 html 注入方法来修改元素的内部 HTML

您当然可以为此使用 jQuery。与它一起工作很愉快,写这样的东西将是一个很好的第一次练习。

于 2013-04-15T20:41:21.973 回答