使用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>