AngularJS and listbox (select multiple)

Question

I have following:

<div>
<select multiple>
    <option ng-model="xss" ng-selected="u.selected" ng-repeat="u in xs" value="{{u.value}}">
        {{u.value}}
    </option>
</select>

$scope.xss;
$scope.xs = [
    { id: 1, value: 'value 1', selected: false },
    { id: 2, value: 'value 2', selected: false },
    { id: 3, value: 'value 3', selected: false }
];

The select work fine, however the selected values is not bound to xss. How do you get selected items from a multiple select throug angular?

Aravind · Accepted Answer · 2017-09-09 11:21:07Z

5

You should have the ng-model at the <select> statement instead of options as below,

<select multiple ng-model="xss" >
    <option ng-selected="u.selected" ng-repeat="u in xs" value="{{u.value}}">
      {{u.value}}
    </option>
  </select>

LIVE DEMO

answered Sep 9, 2017 at 11:21

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS and listbox (select multiple)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related