call javascript function onchange event of dropdown list

Question

I want to invoke javascript function when value in the dropdown list changes  I dont want to hardcode dropdown list id     Hence not using document getElementById  My Code    lt select id   ddl  name  ddl  onmousedown  this value      onchange  jsFunction this value    gt     lt option value  1  gt One lt  option gt     lt option value  2  gt Two lt  option gt     lt option value  3  gt Three lt  option gt   lt  select gt   function jsFunction value        alert value       This is giving error ReferenceError  jsFunction is not defined  Fiddle   http   jsfiddle net 6uyz4b8x 1

User · Answer

jsFunction is not in good closure  change to   jsFunction   function value        alert value       and don t use global variables and functions  change it into module

User · Answer

I don t know why do you need this onmousedown event here  but what you have to do is put your function above actual usage  Look at the snipplet below    x000D   x000D   lt script type  text javascript  gt  x000D  function jsFunction value  x000D    x000D      alert value   x000D    x000D   lt  script gt  x000D   x000D   lt select id   ddl  name  ddl  onmousedown  this value      onchange  jsFunction this value    gt  x000D     lt option value  1  gt One lt  option gt  x000D     lt option value  2  gt Two lt  option gt  x000D     lt option value  3  gt Three lt  option gt  x000D   lt  select gt  x000D   x000D   x000D

User · Answer

You just try this  Its so easy    lt script gt         YourDropDownId   change function                  alert     YourDropDownId   val                   lt  script gt

User · Answer

using jQuery       ddl   change function                      alert   this  val                       jsFiddle

User · Answer

Your code is working just fine  you have to declare javscript method before DOM ready

[javascript] call javascript function onchange event of dropdown list

Examples related to javascript

Examples related to html