使用bootstrap-multiselect插件

最新推荐文章于 2025-06-04 15:32:10 发布

原创

最新推荐文章于 2025-06-04 15:32:10 发布 · 829 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在项目中使用bootstrap-multiselect插件，包括如何引入文件、声明多选下拉框、初始化插件及其常用属性的解释，如buttonWidth、dropRight、numberDisplayed等。同时展示了插件功能，如全选选项、搜索过滤和自定义分隔符等，以及onChange事件用于获取选中值。

最近，公司有项目中需要用到多选下拉框，下拉框的option从后台动态创建，多选后提交表单并存至相应的数据库表，经过网上查阅资料以及自己的一番研究后，发表一下自己对该插件的一个用法和理解：
使用的插件是boostrap中的multiselect插件，所以在js或是jsp中得引入相应的js文件以及css样式文件：

<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>
<script type="text/javascript" src="js/bootstrap-multiselect.js"