select标签不支持多个

时间:2016-05-25 08:00:25

标签: javascript angularjs ng-options multiple-select

在我的代码中,我使用ng-options将数据绑定到select标签,同时我将multiple属性设置为true。

<select ng-if="exp.metaData.elementType =='in'"
multiple=""
ng-multiple="true" 
class="form-control"
ng-model="exp.value"
ng-options="value.id as value.title for value in exp.dataSource">
   <option value=""> Select ...</option>
</select>

但是在浏览器的运行时,select标签不支持多个,当我检查select元素时,我也看不到multiple="" or ng-multiple="true"。 (f12-&GT;元素)

1 个答案:

答案 0 :(得分:0)

下面是多角度选择的最小设置示例。 但不确定为什么在多重选择中需要Please select选项。

angular.module('test', []).controller('Test', Test);

function Test() {
  var vm = this;
  
  vm.options = [
    {name: 'aaa', value: '1'},
    {name: 'bbb', value: '2'},
    {name: 'ccc', value: '3'}
  ];
  
  vm.selected = [];
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app='test' ng-controller='Test as test'>
  <select multiple ng-options="option.value as option.name for option in test.options" ng-model="test.selected">
  </select>
  
  <div>{{test.selected}}</div>
</div>