How to get key and value from selected options in Controller Angularjs

Question

I using Angularjs, and trying to get in controller, from view, selected options (key and value) in select.

How to get - key, I know, but how to get key and value?

View:

<select
    ng-change="Main.getLocalityByAddress(regions)"
    ng-model="regions"
    ng-options="data.id as data.name for data in Main.regions">

    <option value>{{"Select region" | localization:'index'}}</option>
</select>

Controller:

Main.getLocalityByAddress = function(selected_region) {
}

Upd:

Whats wrong?:

Controller

app.controller('Main', function($scope){
    var Main = {};

    $scope.getLocalityByAddress = function() {
        console.log($scope.regions); // undefined
    };

    $scope.Main = Main;
});

View

<select
    ng-change="getLocalityByAddress()"
    ng-model="regions"
    ng-options="data.name for data in Main.regions">
</select>

What is Main.regions?

D.Evangelista
– D.Evangelista

2013-12-26 17:41:35 +00:00
Commented Dec 26, 2013 at 17:41 — D.Evangelista
– D.Evangelista, Commented Dec 26, 2013 at 17:41
There stored my regions, Main - Controller

SiJey
– SiJey

2013-12-28 08:19:15 +00:00
Commented Dec 28, 2013 at 8:19 — SiJey
– SiJey, Commented Dec 28, 2013 at 8:19

D.Evangelista · Accepted Answer · 2013-12-26 15:09:22Z

4

You can bind the entire object to model.

<select
    ng-change="changed()"
    ng-model="regions"
    ng-options="data.name for data in options">
</select>

And in the controller;

$scope.changed = function() {
    console.log($scope.regions);
}

Working Fiddle

answered Dec 26, 2013 at 15:09

D.Evangelista

6,5511 gold badge28 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

How to get key and value from selected options in Controller Angularjs

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