<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Multiselect</title>
<meta name="robots" content="noindex, nofollow" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="docs/css/bootstrap-3.3.2.min.css" type="text/css">
<link rel="stylesheet" href="docs/css/bootstrap-example.css" type="text/css">
<link rel="stylesheet" href="docs/css/prettify.css" type="text/css">
<script type="text/javascript" src="docs/js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="docs/js/bootstrap-3.3.2.min.js"></script>
<script type="text/javascript" src="docs/js/prettify.js"></script>
<link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css">
<script type="text/javascript" src="dist/js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
window.prettyPrint() && prettyPrint();
});
</script>
</head>
<body data-spy="scroll" data-target="#affix">
<a href="https://github.com/davidstutz/bootstrap-multiselect"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
<div class="container">
<div class="row">
<div class="col-md-3" id="affix">
<ul class="nav nav-pills nav-stacked sidebar" data-spy="affix" style="margin-top: 40px;">
<li class="active"><a href="#getting-started">Getting Started</a></li>
<li><a href="#configuration-options">Configuration Options</a></li>
<li><a href="#templates">Templates</a></li>
<li><a href="#styling">Styling</a></li>
<li><a href="#methods">Methods</a></li>
<li><a href="#further-examples">Further Examples</a></li>
<li><a href="#post">Server-Side Processing</a></li>
<li><a href="#keyboard-support">Keyboard Support</a>
<li><a href="#faq">Frequently Asked Questions</a></li>
<li><a href="#known-issues">Known Issues</a></li>
<li><a href="tests/SpecRunner.html">Tests</a></li>
<li><a href="#license">License</a></li>
</ul>
</div>
<div class="col-md-9">
<div class="page-header">
<h1>Bootstrap Multiselect</h1>
</div>
<p class="alert alert-warning">
<b>Some option names may have changed during the last few commits!</b>
</p>
<p class="alert alert-info">
<b>Please consult the <a href="#faq">FAQ</a>, the <a href="https://github.com/davidstutz/bootstrap-multiselect/issues">Issue Tracker</a> or <a href="http://stackoverflow.com/questions/tagged/bootstrap-multiselect">StackOverflow</a> before creating a new issue.</b>
</p>
<p class="alert alert-info">
<b>Please have a look at <a href="#how-to-contribute">"How to contribute?"</a>.</b>
</p>
<div class="page-header">
<h2 id="getting-started">Getting Started</h2>
</div>
<ol>
<li>
<h3>Link the Required Files</h3>
<p>
First, the <a href="http://jquery.com/" target="_blank">jQuery</a> library needs to be included. Then <a href="http://getbootstrap.com" target="_blank">Twitter Bootstrap</a> - both the Javascript library and the CSS stylesheet - needs to be included.
</p>
<pre class="prettyprint linenums">
<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>
</pre>
<p>
The jQuery library can also be included using a CDN, for example the <a href="https://developers.google.com/speed/libraries/devguide?hl=de&csw=1#jquery">Google CDN</a>:
</p>
<pre class="prettyprint linenums">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</pre>
<p class="alert alert-info">
Note that the plugin will work both with version 2.x of the jQuery library as well as with version 1.10.x of the jQuery library. So for using the Google CDN you may have to adjust the version.
</p>
</li>
<li>
<h3>Create a Select</h3>
<p>
Now simply use HTML to create your <code>select</code> input which you want to turn into a multiselect. Remember to set the <code>multiple</code> attribute as to get a real multiselect - but do not worry, the plugin can also be used as usual select without the <code>multiple</code> attribute being present.
</p>
<pre class="prettyprint linenums">
<!-- Build your select: -->
<select id="example-getting-started" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="mozarella">Mozzarella</option>
<option value="mushrooms">Mushrooms</option>
<option value="pepperoni">Pepperoni</option>
<option value="onions">Onions</option>
</select>
</pre>
</li>
<li>
<h3>Call the Plugin</h3>
<p>
In the end, simply call the plugin on your <code>select</code>. You may also specify further options, see the Options tab for further information.
</p>
<div class="example">
<script type="text/javascript">
$(document).ready(function() {
$('#example-getting-started').multiselect();
});
</script>
<select id="example-getting-started" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="Mozzarella">Mozzarella</option>
<option value="Mushrooms">Mushrooms</option>
<option value="Pepperoni">Pepperoni</option>
<option value="Onions">Onions</option>
</select>
</div>
<div class="highlight">
<pre class="prettyprint linenums">
<!-- Initialize the plugin: -->
将Excel文件导入数据库（POI+Excel+MySQL+jsp页面导入）
3星 · 超过75%的资源 需积分: 50 32 浏览量
2017-09-27
23:16:38
上传
评论 12
收藏 59.35MB 7Z 举报 
将Excel文件导入数据库（POI+Excel+MySQL+jsp页面导入） （9134个子文件） 
all-wcprops 41KB all-wcprops 26KB all-wcprops 26KB all-wcprops 21KB all-wcprops 20KB all-wcprops 14KB all-wcprops 12KB all-wcprops 11KB all-wcprops 10KB all-wcprops 10KB all-wcprops 10KB all-wcprops 10KB all-wcprops 10KB all-wcprops 9KB all-wcprops 9KB all-wcprops 9KB all-wcprops 8KB all-wcprops 8KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 7KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 6KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 5KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 4KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 3KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB all-wcprops 2KB共 9134 条
- 1
- 2
- 3
- 4
- 5
- 6
- 92
- 1
- 2
- 3
前往页