可搜索多选下拉列表插件
来源:互联网 发布:银河历险记3mac破解版 编辑:程序博客网 时间:2024/04/30 01:51
可搜索多选下拉列表插件
参考:http://blog.csdn.net/xb12369/article/details/50999265
<html> <head> <title>jQuery bootstrap-select可搜索多选下拉列表插件-www.daimajiayuan.com</title> <script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/js/bootstrap-select.js"></script> <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css"> <!-- 3.0 --> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <!-- 2.3.2 <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.js"></script> --> <script type="text/javascript"> $(window).on('load', function () { $('.selectpicker').selectpicker({ 'selectedText': 'cat' 'maximumSelectionLength' :1 }); // $('.selectpicker').selectpicker('hide'); }); </script> </head> <body> <label for="id_select">多选择下拉框(搜索)</label> <select id="id_select" class="selectpicker bla bla bli" multiple data-live-search="true"> <option>cow</option> <option>bull</option> <option class="get-class" disabled>ox</option> <optgroup label="test" data-subtext="another test" data-icon="icon-ok"> <option>ASD</option> <option selected>Bla</option> <option>Ble</option> </optgroup> </select> <div class="container"> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="bs3Select" class="col-lg-2 control-label">单选择下拉(搜索)</label> <div class="col-lg-10"> <select id="bs3Select" class="selectpicker show-tick form-control" data-live-search="true"> <option>cow</option> <option>bull</option> <option class="get-class" disabled>ox</option> <optgroup label="test" data-subtext="another test" data-icon="icon-ok"> <option>ASD</option> <option selected>Bla</option> <option>Ble</option> </optgroup> </select> </div> </div> <form> </div> </body> </html>
阅读全文
0 0
- 可搜索多选下拉列表插件
- 可输入的下拉列表(带搜索功能)
- 可编辑的下拉列表+模糊搜索(模拟)
- 可搜索、可多选的下拉列表控件使用
- 利用chosen.js插件实现下拉可搜索多选,控制选择个数,选项框复位,修改下拉选项的功能(附代码)
- 自定义带搜索框的下拉列表插件
- Jquery 多选下拉列表插件jquery multiselect
- JS 搜索 --下拉列表
- jquery chosen插件—多选下拉框可搜索-传入后台选中项+从后台读取选中项
- 可搜索下拉框 模糊查询下拉框 jQuery-searchableSelect插件
- 下拉列表插件收集
- 多选下拉列表
- jqgrid表格下拉搜索多选框优化—使用select下拉多选插件
- 可输入的下拉列表
- 下拉列表select可写
- 可编辑的下拉列表
- 可编辑下拉列表框
- 可输入的下拉列表
- 网关与网络地址(网络号)以及IP地址、广播地址
- Python爬虫(三):爬取猫眼电影网经典电影TOP100信息并存入本地Markdown文件(上)
- c语言学习日记1
- JavaEE开发使用MySQL连接池原理及好处
- Kali Linux中下载工具Axel的安装和使用
- 可搜索多选下拉列表插件
- POI读取文件的最佳实践
- JSP(Java Server Page)
- 对于自顶向下,逐步求精的理解
- Python字符串的基本操作
- MYSQL使用通配符[charlist]的方法
- NFS原理详解
- 用if else 完成成绩的分布, while完成循坏。
- Java语言学习(三) 面向对象初步(1)