如何从angularjs中的多选框中获取选定的选项值?

时间:2017-06-02 13:21:37

标签: angularjs jquery-select2

我在angularjs项目中使用了多选项选择框。但我没有从选择框中获取所有选定的选项。我正在使用的HTML代码是

<select class="form-control crm-select-multiple" multiple="multiple" ng-options="option.name for option in cab.availableOptions track by option.id" ng-model="cab.selectedCab"></select>

打印所选值的角度代码是

var cab = $scope.cab.selectedCab;
console.log(cab);

但它不打印所有选定的值,只打印一个值。所以任何想法如何从多选框中打印选定的值。

2 个答案:

答案 0 :(得分:2)

你的ng-model应该是一个多选的数组。将其声明为

控制器:

$scope.selectedCab = [];

HTML:

<select class="form-control crm-select-multiple" multiple="multiple" ng-options="option.name for option in cab.availableOptions track by option.id" ng-model="selectedCab"></select>

答案 1 :(得分:0)

我认为你可以检查这个小提琴来选择多个值

http://jsfiddle.net/DianaNassar/6W8Xg/1/

   <select ng-options="record.id as record.value for record in records" ng-model="output" multiple="multiple"></select>