Javascript “Uncaught TypeError: object is not a function”

Question

Code is as follows:

function change_course(ref) 
{ 
      var arr = ref.split(/\^/);
  document.getElementById('course').value  = arr[0];
  document.getElementById('course_date').value  = arr[1]; 
}

This will throw an "Uncaught TypeError: object is not a function".

<select name="change_course" class="form-control" onChange="change_course(this.value);">';

Where is wrong

Maybe there are no elements with the ***`id`s*** `course` and `course_date`? — Bergi, Aug 31 '14 at 18:27
Why there is a single quote after 'select' tag? Is it inside a variable? Can you show example of options for the select () — Domain, Aug 31 '14 at 19:15
One of the many pitfalls of using inline event handlers. See [onclick=“” vs event handler](http://stackoverflow.com/a/21975639/218196) for an explanation. — Felix Kling, Aug 31 '14 at 19:25
possible duplicate of [Javascript object is not a function](http://stackoverflow.com/questions/14423328/javascript-object-is-not-a-function) — JLRishe, Sep 01 '14 at 05:17

Teemu · Accepted Answer · 2014-09-01T04:25:12.670

2

Inline onchange is executed within the same scope as the form element (or inner), and change_course refers to the select element, not to the global function.

To fix this, just give a new value to select's name attribute, or rename the function.

edited Sep 01 '14 at 04:25

answered Aug 31 '14 at 18:40

Teemu

22,918
7
53
106

While the ` – Felix Kling Aug 31 '14 at 19:28
@FelixKling Looks like you're right, the wrapping form element is the one, where `change_course` is found. If the [form is stripped](http://jsfiddle.net/kehnckzq/), the error doesn't occur. – Teemu Sep 01 '14 at 04:47

Javascript “Uncaught TypeError: object is not a function”

1 Answers1