Question

我查看了twitter bootstrap组件，找不到任何自定义表单选择框。我确实找到了一个Split按钮下拉组件，看起来就像我想要的样式。问题是我需要表单能够提交在选择框中选择的选项的值。有没有办法可以使用“分割”按钮下拉列表并保存选定的值以供表单提交。

Answer 1

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

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

Answer 2

<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（）;

Answer 3

试试这个解决方案：

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

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

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

twitter bootstrap自定义表单选择框

3 个答案: