bootstrap multiselect 多选下拉框实现代码

最新推荐文章于 2024-06-13 09:00:00 发布

heartbeaty

最新推荐文章于 2024-06-13 09:00:00 发布

阅读量4k

点赞数

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

本文链接：https://blog.csdn.net/liu4071325/article/details/54924461

版权

bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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')

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

heartbeaty

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap multiselect 多选下拉框实现代码

$(document).ready(function() { $('#example-getting-started').multiselect( ); }); 获取多选下拉框选中的值：$("#example-getting-started").val();动态设置下拉框内容： $('#example-getting-started').empty();
复制链接

扫一扫