select2多選下拉功能
阿新 • • 發佈:2018-12-02
AngularJS完成select2多選下拉功能
1、引入js及css資源
<script src="../plugins/angularjs/angular.min.js"></script>
<link rel="stylesheet" href="../plugins/select2/select2.css" />
<link rel="stylesheet" href="../plugins/select2/select2-bootstrap.css" />
<script src="../plugins/select2/select2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/angular-select2.js"></script>
2、頁面新增select標籤
<input select2 select2-model = "entity.specIds" config="specList" multiple placeholder="選擇規格(可多選)"
class="form-control" type="text"/>
- multiple 表示可多選;
- Config用於配置資料來源;
$scope.brandList={data:[{id:1,text:'聯想'},{id:2,text:'華為'},{id:3,text:'小米'}]};//品牌列表
- select2-model用於指定使用者選擇後提交的變數;
jquery實現多選select2參考如下 :
https://blog.csdn.net/jianyuerensheng/article/details/78780696