Javascript . Uncaught ReferenceError: OnChange is not defined

Question

<select name="Connection" id="dropConnection"  ng-change="connectionChange(this)" ></select>

following is the script.

var app = angular.module('myApp', ['angular.filter']);
app.controller('customersCtrl', function($scope, $http) {

    function connectionChange(sel)
      {
        var connectionName = sel.options[sel.selectedIndex].text;
        alert("connectionName");
      }
});

Dropdown contents are added from json respose and its all working fine. The error is :

Uncaught ReferenceError: OnChange is not defined
    at HTMLSelectElement.onchange

Use custom directive of onChange https://stackoverflow.com/questions/37966899/call-a-function-from-inputs-onchange — Imran Ahmad Ghazali, Sep 11 '17 at 12:27
use custom directive for that like use in this example https://stackoverflow.com/questions/37966899/call-a-function-from-inputs-onchange — Imran Ahmad Ghazali, Sep 11 '17 at 12:29

score 1 · Answer 1 · answered Sep 11 '17 at 12:26

1

you have to add the function in $scope like this

 $scope.connectionChange = function (sel){
    var connectionName = sel.options[sel.selectedIndex].text;
    alert("connectionName");
  }

also use ng-change for your html

answered Sep 11 '17 at 12:26

Ghulam Mohayudin

1,093
10
18

score 1 · Accepted Answer · answered Sep 11 '17 at 12:27

Not onchange but ng-change. See for more here ngChange. And remove your inner function

var app = angular.module('myApp', ['angular.filter']);
app.controller('customersCtrl', function($scope, $http) {
    var connectionName = sel.options[sel.selectedIndex].text;
    alert("connectionName");
});

Javascript . Uncaught ReferenceError: OnChange is not defined

2 Answers2