Bootstrap 3 下拉选框 select boxes

iteye_5904

于 2015-12-29 06:19:51 发布

阅读量957

点赞数

分类专栏： Javascript /Jquery / Bootstrap / Web

本文链接：https://blog.csdn.net/iteye_5904/article/details/82645679

版权

Javascript /Jquery / Bootstrap / Web 专栏收录该内容

434 篇文章

订阅专栏

本文介绍了Bootstrap 3中两种下拉选框的实现方式：Select2和bootstrap-select。Select2浏览器兼容性包括IE 8+、Chrome 8+等，提供了下载链接和更多实例参考。而bootstrap-select也有相应的下载资源和示例参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. Select 2

Browser compatibility

IE 8+
Chrome 8+
Firefox 10+
Safari 3+
Opera 10.6+

<script>
    $(document).ready(function() {
      $(".js-example-basic-single").select2();
    });
</script>
     
    <select class="js-example-basic-single">
      <option value="AL">Alabama</option>
        ...
      <option value="WY">Wyoming</option>
    </select>

下载：select2-master

更多实例参考：https://select2.github.io/examples.html

2. bootstrap-select

<script>
$(function(){
// To style only <select>s with the selectpicker class
$('.selectpicker').selectpicker();

//Or
// To style all <select>s
$('select').selectpicker();
})
</script>

<select class="selectpicker" data-live-search="true">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

下载：bootstrap-select-master

原文/转自：Bootstrap 3 下拉选框 select boxes