Twitter bootstrap 按钮下拉列表代替选择

我想知道是否有任何方法可以使用Twitter引导的按钮下拉列表来替换表单中的选择框。对于移动设备上的用户来说，按钮下拉列表比标准的选择框更加优雅和简单，我希望能够在表单中利用它，以便在表单提交时传递按钮下拉输入。

我最近在一个使用angular的项目中做了一些类似的事情。结果实际上相当不错，因为预期的设备是iphone，而新款ios7 select并不受欢迎。这段代码中包含了一些自定义样式，但您可以理解

<div class="dropdown type">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">
    <span class="typeSelectionBox">{{report.type}}</span>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a ng-click="setType('Finance')">Finance</a></li>
    <li><a ng-click="setType('Accounting')">Accounting</a></li>
    <li><a ng-click="setType('Marketing')">Marketing</a></li>
  </ul>
</div>

财务
会计
市场营销

---

然后在控制器上，我有一个方法，可以在单击项目时设置类型。这避免了使用选择框组件

我最近在一个使用angular的项目中沿着这些线做了一些事情。结果实际上相当不错，因为预期的设备是iphone，而新款ios7 select并不受欢迎。这段代码中包含了一些自定义样式，但您可以理解

<div class="dropdown type">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">
    <span class="typeSelectionBox">{{report.type}}</span>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a ng-click="setType('Finance')">Finance</a></li>
    <li><a ng-click="setType('Accounting')">Accounting</a></li>
    <li><a ng-click="setType('Marketing')">Marketing</a></li>
  </ul>
</div>

财务
会计
市场营销

---

然后在控制器上，我有一个方法，可以在单击项目时设置类型。这避免了使用选择框组件

有两个很好的插件用于此目的

一个是引导选择2（）

演示：

另一个是引导选择（）：

---

演示：

有两个很好的插件用于此目的

一个是引导选择2（）

演示：

另一个是引导选择（）：

演示：