bootstrap multiselect 多选下拉框实现代码

最新推荐文章于 2025-04-04 00:58:22 发布

heartbeaty

最新推荐文章于 2025-04-04 00:58:22 发布

阅读量4k

点赞数

分类专栏： bootstrap 文章标签： bootstrap multiselect

本文链接：https://blog.youkuaiyun.com/liu4071325/article/details/54924461

版权

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用Bootstrap Multiselect插件实现多选下拉框的功能，并提供了动态设置下拉框内容的方法及获取选中值的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link rel="stylesheet" href="../js/bootstrapMultiselect/bootstrap-multiselect.css">
<script type="text/javascript" src="../js/bootstrapMultiselect/bootstrap-multiselect.js"></script>
<script>
		
		$(document).ready(function() {
			$('#example-getting-started').multiselect(
			);
		});

</script>
<body>
	<select id="example-getting-started" multiple="multiple" style="width:200px;"></select>
</body>
获取多选下拉框选中的值：
$("#example-getting-started").val();
动态设置下拉框内容：
 	
	$('#example-getting-started').empty();
	$.each(response.childGroup, function(index, html) {
		$('#example-getting-started').append(
			$('<option></option>')
			.text(html.name)
			.val(html.id)
			);
	});
	$('#example-getting-started').multiselect('rebuild')