bootstrap-select多选下拉框插件

github地址: http://silviomoreto.github.io/bootstrap-select/
官网地址:http://silviomoreto.github.io/bootstrap-select/
参考教程:http://www.cnblogs.com/anny0404/p/5329960.html
一、引入bootstrap-select.min.css和bootstrap-select.min.js
二、html结构初始化

<select name="areaCodes" id ="addAreaCodes" class="selectpicker" multiple data-live-search="false" data-size="5">
//data-live-search="false"是否显示查询框
//data-size="5"  默认显示五条信息,其他的可滚动查看
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">深圳</option>
  </select>

三、取值回显

$("#addAreaCodes").val() //取值
$('.selectpicker').selectpicker('val', 'Mustard');  //回显

猜你喜欢

转载自blog.csdn.net/qq_38021296/article/details/81739174