get selected dropdown value in angularjs

Question

how can I get the value of selected drop down (1,2 or 3)? my js as below

$scope.priority = [
    {
     "level":"Urgent",
     "index":1
    },

    {
     "level":"Very Important",
     "index":2
    },

    {
     "level":"Important",
     "index":3
    }
];

html

<select class="btn btn-priority" ng-options="p.level for p in priority">
   <option value="">priority</option>
</select>

Jayantha Lal Sirisena · Accepted Answer · 2014-04-28 11:26:04Z

1

<select ng-model="selectedPriority" class="btn btn-priority" ng-options="p.level for p in priority">
   <option value="">priority</option>
</select>

You can use ng-model attribute to get it.

$scope.selectedPriority

Here is the JsFiddle

edited Apr 28, 2014 at 11:26

answered Apr 28, 2014 at 10:53

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

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

2 Comments

user3522457 Over a year ago

I got an object. I tried ng-model="selectedPriority.index" to try to get the index but it returned undefined?

Jayantha Lal Sirisena Over a year ago

See I have added the jsFiddle link.

AlwaysALearner · Accepted Answer · 2014-04-28 14:54:31Z

0

Besides using ng-model you should use the select as label for value in array syntax to specify the value of options:

<select ng-model="selectedPriority" ng-options="p.index as p.level for p in 
 priority">
   <option value="">priority</option>
</select>

Fiddle

This allows you to get rid of ng-change overhead. Read more in the docs.

edited Apr 28, 2014 at 14:54

answered Apr 28, 2014 at 11:30

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

Collectives™ on Stack Overflow

get selected dropdown value in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related