twitter-bootstrap - twitter bootstrap 自定义表单选择框

Question

我查看了 twitter 引导组件，找不到任何自定义表单选择框。我确实找到了一个拆分按钮下拉组件，它看起来像我想要的样式。问题是我需要表单才能提交在选择框中选择的选项的值。有没有办法可以使用拆分按钮下拉菜单并让它保存所选值以通过表单提交。

Answer 1

为此 https://developer.snapappointments.com/bootstrap-select/使用 jQuery 插件 bootstrap-select

它将您的选择转换为引导下拉按钮。它保持选择以保持表单的一致性，因此您可以提交选择的值。

Answer 2

试试这个解决方案：

http://vincentlamanna.com/BootstrapFormHelpers/select.html

我最近在使用上面的 Chosen 或 silvio 插件之前发现了它。

或者http://ivaynberg.github.io/select2/这是最先进的。

Answer 3

<div class="span3">
 <form class="form-horizontal">
  <fieldset>
    <div class="control-group">
       <label class="control-label" for="select01">Select list</label>
       <div class="controls">
         <select id="select01" style="width:100%;">
            <option> option1 </option>
            <option> option2 </option>
         </select>
     </div>
    </div>
    <div>
        <input type="button" id="review-btn" class="btn btn-primary" onclick="this.getvalues()" value="Save changes"/>
    </div>
   </fieldset>
 </form>
</div>

在函数 getvalues() 中，您可以访问所选项目：$('#select01').val();