bootstrap select 多选 搜索框 常用

image.png

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap-select.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-select.js"></script> </head> <body> <div class="container"> <div class="row"> <label class="col-sm-3 control-label" style="line-height: 34px;margin-bottom: 20px;">选择用户:</label> <div class="col-sm-6"> <select class="selectpicker" multiple data-live-search="true"> <option value="苹果">苹果</option>   <option value="菠萝">菠萝</option>   <option value="香蕉">香蕉</option>   <option value="火龙果">火龙果</option>   <option value="梨子">梨子</option>   <option value="草莓">草莓</option>   <option value="哈密瓜">哈密瓜</option>   <option value="椰子">椰子</option>   <option value="猕猴桃">猕猴桃</option>   <option value="桃子">桃子</option> </select> </div> </div> </div>

</body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Lambda

Axios发送post请求下载文件

版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

34730
来自专栏Lambda

第一篇:SpringBoot高级-缓存入门

版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

13240
来自专栏程序人生

Libra 中使用的 rust crates

昨天朋友圈被 Facebook 的 Libra 刷屏。网上有很多关于 Libra 的快文章,从上帝视角到技术细节,从经济模型到语言实现,可谓是各领风骚,我就不凑...

20110
来自专栏Android进阶之路

Android 丢帧原理以及解决方案

开发中的卡顿我想没跟人都遇到过,之前也是搜博客看看怎么个解决办法,没有认真研究过,今天我打算跟大家聊一聊。

22030
来自专栏Lambda

VSCode

版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

29350
来自专栏Lambda

Docker启动报错解决方案

版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

14030
来自专栏云优惠券

BSL编程语言 —— 系统化程序设计

如果你第一次使用DrRacket,打开后需要选择Beginning Student Language (BSL)

11810
来自专栏Jerry的SAP技术分享

为什么Note.js 里面没有sap.ui.core.Control.extend()这样的代码

UI5 team的人写了一些Maven plugin,Maven build时,首先通过一个xslt在target folder生成一个note.api.js:

10120
来自专栏Lambda

cookie、sessionStorage、localStorage

版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

15030
来自专栏搞前端的李蚊子

使用electron开发桌面级小程序自动部署系统

支持部署小程序开发者工具的坑,接下来我将此次开发过程的思考和问题进行总结,从多个角度来介绍本项目。

26810

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励