Getting values from the selected option in AngularJS

Question

I am trying to get the url of the selected option. So my main goal is to assign the selected option to the ng-model of the select

HTML:

<select ng-model="ddValue1.value">
    <option ng-repeat="d in ddOptions1" value="{{d.value}}">{{d.text}}</option>
</select>

JS:

$scope.ddOptions2 = [
  {value: 'value1', text: 'Text1', url: 'google.com'},
  {value: 'value2', text: 'Text2', url: 'yahoo.com'}
];
$scope.ddValue2 = {};
$scope.ddValue2.value = $scope.ddOptions2[0].value;

I tried assigning it by doing ng-model="ddValue1.url=d.url"

Use ng-options not ng-repeat... See docs

charlietfl
– charlietfl

2016-08-02 00:22:07 +00:00
Commented Aug 2, 2016 at 0:22 — charlietfl
– charlietfl, Commented Aug 2, 2016 at 0:22

Phil · Accepted Answer · 2016-08-02 00:41:14Z

1

Use ng-options like this

<select ng-model="ddValue1"
    ng-options="d.text for d in ddOptions1 track by d.value">
</select>

Then you can simply reference ddValue1.url

answered Aug 2, 2016 at 0:41

Phil

166k25 gold badges265 silver badges269 bronze badges

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

3 Comments

Phil Over a year ago

@user4756836 not sure what you mean. There is no ng-option

user4756836 Over a year ago

sorry, meant... ng-repeat

Phil Over a year ago

@user4756836 why? ng-options works much better

Shakeer Hussain · Accepted Answer · 2016-08-02 01:21:29Z

0

There is a typo error in ng-repeat. call ddOptions2

<option ng-repeat="d  in ddOptions2" value="{{d.value}}">{{d.text}}</option>

answered Aug 2, 2016 at 1:21

Shakeer Hussain

2,5847 gold badges33 silver badges57 bronze badges

Collectives™ on Stack Overflow

Getting values from the selected option in AngularJS

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related