Bootstrap3级联多选下拉框
2024-08-31 06:12:41
<!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>
最新文章
- History API与浏览器历史堆栈管理
- APUE学习--第三版apue编译
- ansible 初探nginx安装
- Tableview的更新和删除某一行
- BZOJ1968 [Ahoi2005]COMMON 约数研究
- 12c Grid Infrastructure Management Repository (GIMR)
- 复习下 AJAX
- iOS处理XMl提供GDataXMLNode下载的链接
- iOSstoryboard xib下label怎么自适应宽度高度
- css3 过渡和2d变换——回顾
- 利用java mail发送邮件（转）
- 坑爹的file_exists
- 基于 Hexo + GitHub Pages 搭建个人博客（二）
- HTML、CSS(小笔记)
- 微信小程序-滚动Tab选项卡
- css图片热点链接的设置
- Direct Shot Correspondence Matching
- Effective前端1---chapter 1 HTML/CSS优化
- MySQL firstmatch strategy
- 题解 P1034 【矩形覆盖】