AngularJS/Javascript dropdown "onchange" function is not working

Question

<select name="Connection" class="mdl-button" id="dropConnection" onchange="connectionChange()" ></select>

The contents are added automatically from JSON response.Thats working fine.

function connectionChange()
{
    var sel = document.getElementById("dropConnection");
    var connectionName = sel.options[sel.selectedIndex].text;
  $scope.connectionDetail = response.data.message.connectionDetailses.filter(det => det.connectionId === connectionName);
  console.log($scope.connectionDetail);
}

after running the page,when I change the dropdown content its showing error

home.html:265 Uncaught ReferenceError: $scope is not defined
    at connectionChange (home.html:265) // above javascript code.
    at HTMLSelectElement.onchange (VM4122 home.html:139)

onchange is a native javascript event, not an Angular directive ng-change. And connectionChange is just event handler, not angular $scope function. — alexmac
– alexmac, Commented Sep 11, 2017 at 10:43

Ankit Agarwal · Accepted Answer · 2017-09-11 10:18:43Z

1

home.html:265 Uncaught ReferenceError: $scope is not defined
    at connectionChange (home.html:265) // above javascript code.
    at HTMLSelectElement.onchange (VM4122 home.html:139)

Looking at this error it can be inferred that you have not injected $scope in your controller. Inject $scope in your controller and it will resolve this error.

Check the link here for knowing how to create a controller in AngularJS properly AngularJS controller

answered Sep 11, 2017 at 10:18

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

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

2 Comments

ajithes1 Over a year ago

thank you for the suggestion.. but still getiing 1 error. "connectionChange" is undefined.

Ankit Agarwal Over a year ago

try to use ng-change=connectionChange() and define $scope.connectionChange = function(){}

Collectives™ on Stack Overflow

AngularJS/Javascript dropdown "onchange" function is not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related