angular中使用bootstrap-multiselect设置单选选中

最新推荐文章于 2024-05-15 09:41:07 发布

骑着代马去流浪

最新推荐文章于 2024-05-15 09:41:07 发布

阅读量3.9k

点赞数

分类专栏： AngularJS 文章标签： angular使用multiselect multiselect设置选中

本文链接：https://blog.csdn.net/weixin_36185028/article/details/71704212

版权

AngularJS 专栏收录该内容

29 篇文章 5 订阅

订阅专栏

使用multiselect设置选中的方法：

		$('selector').multiselect({
			//各项参数配置
		});//初始化下拉框
		$('selector').multiselect('select','x');//设置下拉中的x选项选中
		$('selector').multiselect('rebuild');//重建将x渲染上去

举例说明使用angular设置单选选中

1）引入文件：

	<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../lib/bootstrap-multi-select/css/multiple-select.css">
	<script type="text/javascript" src="../lib/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../lib/bootstrap-multi-select/js/multiple-select.js"></script>
	<script type="text/javascript" src="../lib/angular/angular-1.3.0.js"></script>

2）html：

<body ng-app="app" ng-controller="appCtrl">
	<select class="slectVal">
		<option ng-repeat="x in arr">{{x}}</option>
	</select>
</body>

3）设置选中：

	<script type="text/javascript">
		var app = angular.module('app',[]);
		app.controller('appCtrl', function($scope){
			$scope.arr = ["a","b","c","d"];
			$('.slectVal').multiselect({
				buttonWidth: '200px', 
				enableCaseInsensitiveFiltering: true, //对大小写不敏感
				enableFiltering: true, //提供搜索
				maxHeight: 300 
			});
			//3秒之后设置选中c
			setTimeout(function(){
				$('.slectVal').multiselect('select','c');
				$('.slectVal').multiselect('rebuild');
			},3000)
		});
	</script>

骑着代马去流浪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular中使用bootstrap-multiselect设置单选选中

使用multiselect设置选中的方法： $('selector').multiselect({ //各项参数配置 });//初始化下拉框 $('selector').multiselect('select','x');//设置下拉中的x选项选中 $('selector').multiselect('rebuild');//重建将x渲染上去举例说明使用angular设
复制链接

扫一扫

专栏目录