<!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页面导入)
共9134个文件
svn-base:4468个
js:1686个
css:674个
3星 · 超过75%的资源 需积分: 50 365 下载量 111 浏览量
2017-09-27
23:16:38
上传
评论 12
收藏 59.35MB 7Z 举报
温馨提示
http://blog.csdn.net/meng564764406/article/details/52444644 http://blog.csdn.net/meng564764406/article/details/52426634 源码
资源推荐
资源详情
资源评论
收起资源包目录
将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
Lynn_Meng
- 粉丝: 125
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 最入门的爬虫代码 python.docx
- 爬虫零基础入门-爬取天气预报.pdf
- 最通俗易懂的 MongoDB 非结构化文档存储数据库教程.zip
- 以mongodb为数据库的订单物流小项目.zip
- 腾讯云-mongodb数据库, 项目部署.zip
- 腾讯 APIJSON 的 MongoDB 数据库插件.zip
- 理解非关系型数据库和关系型数据库的区别.zip
- 操作简单的Mongodb网页web管理工具,基于Spring Boot2.0支持mongodb集群.zip
- tms-mongodb-web,提供访问mongodb数据的REST API和可灵活扩展的mongodb web 客户端.zip
- SpringBoot整合mongodb学习MongoTemplate和MongoRepository两种方式CRUD使用.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页