文章/答案/技术大牛

发布

社区首页 >问答首页 >创建指向目标页面的下拉菜单

问创建指向目标页面的下拉菜单
EN

Stack Overflow用户

提问于 2015-02-06 15:23:50

回答 1查看 36关注 0票数 0

我希望将下面提到的页面放在下拉框中。请记住，所有文本都是链接，并引用到不同的页面。

示例：“巴西拉动”-链接1(模型)-链接2(摘要)-链接3...等等。

已存在将这些文本作为链接的页面。我需要为他们创建一个下拉列表...怎么做到的？

巴西拉式(型号)(订单)(摘要)(联系人)

巴西推送附加SKU版本(型号)(订单)(摘要)(联系人)

巴西推送新库存产品版本(型号)(订单)(摘要)(联系人)

巴西重新定价(型号)(订单)(摘要)(联系人)

中国生物一期(模型)(订单)(摘要)(联系人)

中国化学测试(型号)(订单)(摘要)(联系方式)

中国Vetec (型号)(订单)(摘要)(联系方式)

日本材料科学试验(型号)(订单)(摘要)(联系方式)

墨西哥Vetec测试(型号)(订单)(摘要)(联系人)

新加坡化学第一阶段(模型)(订单)(摘要)(联系人)

html

回答 1

Stack Overflow用户

发布于 2015-02-06 15:43:29

下面是一个用jsFiddle编写的示例。使用bootstrap作为样式js基础。

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Brazil Pull (model) (orders) (summary) (contacts)</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Brazil Push Additional SKU rev (model) (orders) (summary) (contacts) 3. 3. Brazil Push Newly Stocked Product rev (model) (orders) (summary) (contacts)</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Brazil Reprice (model) (orders) (summary) (contacts)</a></li>
  </ul>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28360600

复制

相似问题

问创建指向目标页面的下拉菜单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建指向目标页面的下拉菜单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建指向目标页面的下拉菜单
EN