<!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>
