bootstrap-multiselect多选下拉框（动态加载）

最新推荐文章于 2024-07-19 06:03:55 发布

louq我想要的

最新推荐文章于 2024-07-19 06:03:55 发布

阅读量1.9k

点赞数

文章标签： bootstrap

本文链接：https://blog.csdn.net/qq_35980423/article/details/103522958

版权

本文介绍了如何使用bootstrap-multiselect库创建动态加载的多选下拉框。步骤包括引入js和css资源，编写html结构，通过js读取后台数据填充选项，并在编辑时加载默认选中项。同时展示了效果截图，并提供了官方API和GitHub源码链接供参考。

摘要由CSDN通过智能技术生成

实现基于bootstrap-multiselect多选框

1.首先引入相关的js和css

<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link rel="stylesheet" href="/css/plugins/multiselect/bootstrap-multiselect.css">

<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/js/plugins/multiselect/bootstrap-multiselect.js"></script>

2.html

<select id="programGroupId" multiple="multiple" name="programGroupId" style="width:100%; ">

3.js 读取后台数据显示到该下拉框中

//加载线路id
function loadTaskGroup() {
	$.ajax({
		url : '/developdesign/moilProgramGroup/getAllList',
		success: function (data) {
			var html = "";
			//加载数据
			for (v