Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="FilterCtrl">
            filter.country: {{ filter.country }}
            <br />
            <select ng-model="changeMe" ng-options="d as d for d in dummyValues" ng-change="changeMeChange()">
                <option value="">Change Me</option>
            </select>
            <select ng-model="filter.country" ng-options="country.code as country.name for country in countries | filter: { code: changeMe} ">
                <option value="">All Countries</option>
            </select>
        </div>

JavaScript

'use strict';

var myApp = angular.module('myApp', []);

function FilterCtrl($scope) {
    $scope.countries = [
        {
            "code": "KW",
            "name": "Kuwait"
        },
        {
            "code": "US",
            "name": "USA"
        },
        {
            "code": "MX",
            "name": "Mexico"
        }
    ];

    $scope.dummyValues = ['MX'];


    $scope.changeMeChange = function() {
        $scope.countries = [
            {
                "code": "MX",
                "name": "Mexico"
            }
        ];
    };
};