trigger when dropdown option is selected angularjs

Question

I have a dropdown list of countries. and when iam selecting a particular country my output should be filtered with details of only that country to be displayed following is my code but not working properly.

<label for="filtercountry" class="control-label col-xs-2">Filter By Country</label>

<div class="col-xs-2">

        <select class="form-control">
            <option value="None">-- Select --</option>
            <option ng-model="Tofilter.country" value="India" ng-change="changed()">India</option>
            <option ng-model="Tofilter.country" value="USA" ng-change="changed()">USA</option>
            <option ng-model="Tofilter.country" value="Pakistan" ng-change="changed()">Pakistan</option>
            <option ng-model="Tofilter.country" value="China" ng-change="changed()">China</option>
            <option ng-model="Tofilter.country" value="Australia" ng-change="changed()">Australia</option>
        </select>
    </div>`<ul id="result">

Name :{{x }}

`

Michael Kang · Accepted Answer · 2014-08-07 10:11:58Z

1

Put ng-change on the select element:

<select class="form-control" ng-change="changed()">

edited Aug 7, 2014 at 10:11

answered Aug 7, 2014 at 10:04

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

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

Comments

t0mpl · Accepted Answer · 2014-08-07 10:13:05Z

0

it's not necessary to put your model in all option, put it in select

<select class="form-control" ng-change="changed()" ng-model="Tofilter.country">

answered Aug 7, 2014 at 10:13

t0mpl

5,0353 gold badges34 silver badges37 bronze badges

Comments

sylwester · Accepted Answer · 2014-08-07 10:21:24Z

0

<div class="col-xs-2">

        <select class="form-control" ng-change="changed()" ng-model="Tofilter.country" >
            <option value="None">-- Select --</option>
            <option value="India" >India</option>
            <option value="USA" >USA</option>
            <option value="Pakistan" >Pakistan</option>
            <option value="China" >China</option>
            <option value="Australia" >Australia</option>
        </select>
    </div>

edited Aug 7, 2014 at 10:21

answered Aug 7, 2014 at 10:13

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Collectives™ on Stack Overflow

trigger when dropdown option is selected angularjs

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related