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 ids course and course_date? — Bergi
– Bergi, Commented Aug 31, 2014 at 18:27
@Bergi - No i creat tow element like :- <input type="hidden" name="course" id="course"> <input type="hidden" name="course_date" id="course_date"> — khalid ahmed
– khalid ahmed, Commented Aug 31, 2014 at 18:59
Why there is a single quote after 'select' tag? Is it inside a variable? Can you show example of options for the select (<option><option/>) — Domain
– Domain, Commented Aug 31, 2014 at 19:15
One of the many pitfalls of using inline event handlers. See onclick=“” vs event handler for an explanation. — Felix Kling
– Felix Kling, Commented Aug 31, 2014 at 19:25

Teemu · Accepted Answer · 2014-09-01 04:25:12Z

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 1, 2014 at 4:25

answered Aug 31, 2014 at 18:40

Teemu

23.5k7 gold badges61 silver badges113 bronze badges

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

2 Comments

Felix Kling Over a year ago

While the <select> element is in the scope of the event handler, this particular issue likely exists because the containing <form> element is in the scope. A form element has a property for each input, select, etc it contains (which also feels like an a very unexpected behavior).

Teemu Over a year ago

@FelixKling Looks like you're right, the wrapping form element is the one, where change_course is found. If the form is stripped, the error doesn't occur.

Collectives™ on Stack Overflow

Javascript “Uncaught TypeError: object is not a function”

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related