Bootstrap3级联多选下拉框

 <!DOCTYPE html>

 <html>

 <head>

   <title>Bootstrap3级联多选下拉框</title>

   <meta charset="utf-8">

   <link rel="stylesheet" href="F:/webClient/bootstrap-3.3.7-dist/css/bootstrap.min.css">

   <link rel="stylesheet" href="./bootstrap-select.css">

   <style>

     body {

       padding-top: 70px;

     }

   </style>

 </head>

 <body>

     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">

       <div class="container">

         <div class="navbar-header">

           <a class="navbar-brand" href="#">Bootstrap-select usability tests</a>

         </div>

       </div>

     </nav>

     <div class="container">

         <select id="first-disabled" class="selectpicker" multiple data-hide-disabled="true" data-live-search="true">

             <optgroup disabled="disabled" label="disabled">

               <option>Hidden</option>

             </optgroup>

             <optgroup label="Fruit">

               <option>Apple</option>

               <option>Orange</option>

             </optgroup>

             <optgroup label="Vegetable">

               <option>Corn</option>

               <option>Carrot</option>

             </optgroup>

          </select>

     </div>

 <script src="F:/webClient/AngularJS/scripts/jquery-1.9.1/jquery.min.js"></script>

 <script src="F:/webClient/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

 <script src="./bootstrap-select.js"></script>

 </body>

 </html>

Bootstrap3级联多选下拉框的更多相关文章

Easyui-Combobox多选下拉框
因为工作需要,引入combobox多选下拉框,并且获取选择的值并以","分开. 效果如下: 代码如下: <html> <head> <title> ...
Extjs4.2 多选下拉框
//多选下拉框 Ext.define('MDM.view.custom.MultiComboBox', { extend: 'Ext.form.ComboBox', alias: 'widget.mu ...
js：jquery multiSelect 多选下拉框实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
DropDownList单选与多选下拉框
一.单选DropDownList传值 1.添加界面的DropDownList显示值问题 (1)在方法内添加ViewData的方法: var ad = new UnitsRepository(); Vi ...
pentaho cde 自定义复选下拉框 checkbox select
pentaho 自带的component 虽多,但是当用户需要在一个表格中查看多个组别的数据时,pentaho自带的单选框就不能实现了,所以复选下拉框势在必行,实现效果如下: 实现原理是借用了jqu ...
js怎么能取得多选下拉框选中的多个值？
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值.实例演示如下: 1.HTML结构 1 2 3 4 ...
js多选下拉框
1.js原生实现 1.1:引用JS文件 /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */ !function(a,b ...
query多选下拉框插件 jquery-multiselect(修改)
其实网上关于该控件的使用教程已经很多了,其中 query多选下拉框插件 jquery-multiselect Jquery多选下拉列表插件jquery multiselect功能介绍及使用这2个的介 ...
多选下拉框带搜索（aps.net）
自己写了一个带搜索功能的多选下拉框,为了要获取值,就没有封装插件,实现思路 1.一个文本框做搜索 2.一个文本框显示选中文本,一个隐藏控件存值 3.一个div里面绑定CheckBoxList控件(这 ...

随机推荐

centos tftp和samba的安装与配置
Tftp服务器的安装于配置 1 安装: 命令:#yum –y install tftp 2 安装完毕之后,将tftp服务器设置为开机启动,方法:(命令)#setup→选择system server→选 ...
mpvue-编写微信小程序总结
一.写在前面: .....最近在写一个微信小程序项目,在看完官方微信小程序开发文档后,有一种直接想"放弃"的念头: .....使用微信小程序原生框架可以快速,方便,简洁的搭建项目, ...
Web开发：需收藏的JavaScript常用技巧
原文来自:https://www.baidu.com/home/news/data/newspage?nid=4242707244478773456&n_type=0&p_from=1 ...
linux，windows下检测指定的IP地址是否可用或者检测IP地址冲突的3种方式（批处理程序，python程序，linux shell 批量ping）
本文中的脚本适用范围: 1)检测某些IP地址是否被占用: 2)检测网络中某些设备是否存活: 3)在分配新的ip地址之前,批量检测环境中是否存在冲突的机器以上检测基于ICMP Ping报文,要求所有的 ...
spring security oauth2 jwt 认证和资源分离的配置文件（java类配置版）
最近再学习spring security oauth2.下载了官方的例子sparklr2和tonr2进行学习.但是例子里包含的东西太多,不知道最简单最主要的配置有哪些.所以决定自己尝试搭建简单版本的例 ...
Javascript书籍推荐----(步步为赢)
在此分享一些高清javascript书籍,因为我也没有全部看完,所以在这只是推荐,不同的书适合不同的人,所有的书在网上均有电子书,若找不到,请在博客留言,我有大部分书籍的电子稿.希望有更多的好书分享出 ...
FPGA学习笔记（五）—— 组合逻辑电路功能的描述
设计方法: 分析真值表规律两种描述方式: 方式1:用assign描述,用阻塞赋值= 方式2:用always@(*)描述,用非阻塞赋值<= 选择功能的三种描述方式: ...
Postman----presets与环境变量的联合使用
一.环境在开发不同阶段,可能存在不同的环境(对我碰到的就是服务器地址/api版本/header信息等不一样),比如 debug环境和release环境,每次切换环境测试的时候都得重新配置url信息, ...
appium--xpath定位元素用法
一.xpath的使用场景: 自动化测试中经常对元素进行操作时,如果存在id.name.content_desc时,可通过appium框架提供的方法find_element_by_id/name/tag ...
Mysql存储过程 —— SEQUENCE的实现
http://blog.csdn.net/crazylaa/article/details/5368447 创建sql语句: DROP TABLE IF EXISTS sequence; -- 建se ...

Bootstrap3级联多选下拉框

Bootstrap3级联多选下拉框的更多相关文章

随机推荐

热门专题