In this we can filter student name on ng-keyup event.When we type in textbox its value bind to the searchValue variable and its value compare to dropdown value.

<!DOCTYPE html> <html xmlns=""> <head> <title>Welcome to LearnKode - A code learning platform</title> <script src=""></script> </head> <body ng-app="clickExample"> <div ng-controller="ExampleController" ng-init="name='John'"> <b>Search: </b><input type="text" ng-model="searchValue" ng-keyup="val=searchValue" /><br /> Select Student: <select ng-model="name" ng-options=" as for p in students | filter:val">{{}}</select> </div> <script> var app = angular.module("clickExample", []); app.controller('ExampleController', ['$scope', function ($scope) { $scope.students = [{ name: 'John' }, { name: 'Smith' }, { name: 'Allen' }, { name: 'Johnson' }, { name: 'Harris' }, { name: 'Williams' }, { name: 'David' }]; }]); </script> </body> </html>