Question

我想在下拉框中有下面提到的页面。请记住，所有文本都是链接，并引用差异页面..

示例：“巴西拉动” - 链接1 （型号） - 链接2 （摘要） - 链接3 ......等......

页面已经存在，这些文本作为链接..我需要为它们创建一个下拉菜单......怎么样？

巴西拉（模型）（订单）（摘要）（联系方式）
巴西推送额外SKU rev（型号）（订单）（摘要）（联系方式）
巴西推出新库存产品转（型号）（订单）（摘要）（联系方式）

巴西重新定价（型号）（订单）（摘要）（联系方式）
中国生物学第一期（模型）（订单）（摘要）（联系方式）
中国化学测试（模型）（订单）（摘要）（联系方式）
中国Vetec（型号）（订单）（摘要）（联系方式）
日本材料科学考试（型号）（订单）（摘要）（联系方式）
墨西哥Vetec测试（型号）（订单）（摘要）（联系方式）
新加坡化学第一阶段（模型）（订单）（摘要）（联系方式）

Answer 1

以下是jsFiddle中的示例。使用bootstrap作为样式js base。

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

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

1 个答案: