bootstrap select多选
生活随笔
收集整理的這篇文章主要介紹了
bootstrap select多选
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、頁面效果
<div class="form-group"><div class="col-md-2 control-label"><label>學段:</label></div><div class="col-md-3 controls"><select id="period" name="period" class="selectpicker show-tick form-control" multiple data-live-search="false" ><option value="-1">--請選擇!--</option><option value="0">小學</option><option value="1">初中</option><option value="2">高中</option></select></div></div>
</div>
2、js $(window).on('load', function () {$('#period').selectpicker({'selectedText': 'cat'}); });
<div class="form-group"><div class="col-md-2 control-label"><label>學段:</label></div><div class="col-md-3 controls"><select id="period" name="period" class="selectpicker show-tick form-control" multiple data-live-search="false" ><option value="-1">--請選擇!--</option><option value="0">小學</option><option value="1">初中</option><option value="2">高中</option></select></div></div>
</div>
2、js $(window).on('load', function () {$('#period').selectpicker({'selectedText': 'cat'}); });
? 3、回顯值
?$('.selectpicker').selectpicker('val', '1,2'); ?
?
轉載于:https://www.cnblogs.com/start-fxw/p/6868029.html
總結
以上是生活随笔為你收集整理的bootstrap select多选的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ruby动态new对象
- 下一篇: 《Flink官方文档》示例总览