Bootstrap 下拉框

Bootstrap下拉框 Combobox显示效果如下:


bootstrap下拉框

<select class="combobox">
  <option></option>
  <option value="PA">Pennsylvania</option>
  <option value="CT">Connecticut</option>
  <option value="NY">New York</option>
  <option value="MD">Maryland</option>
  <option value="VA">Virginia</option>
</select>
 
<script type="text/javascript">
  $(document).ready(function(){
    $('.combobox').combobox();
  });
</script>

Bootstrap Select 是一个jQuery插件,提供了Bootstrap 风格的下拉选择框。拥有许多自定义的选项,可多选。

    <select class="selectpicker" data-style="btn-primary">
    ...
    </select>
     
    <select class="selectpicker" data-style="btn-info">
    ...
    </select>
     
    <select class="selectpicker" data-style="btn-success">
    ...
    </select>
     
    <select class="selectpicker" data-style="btn-warning">
    ...
    </select>
     
    <select class="selectpicker" data-style="btn-danger">
    ...
    </select>
     
    <select class="selectpicker" data-style="btn-inverse">
    ...
    </select>

下拉框样式

项目主页:http://www.open-open.com/lib/view/home/1394786219368

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部