Home/ Questions/Q 6760527
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T14:04:28+00:00

I’m trying to create an onchange event using javascript on a select element. But

  • 0

I’m trying to create an onchange event using javascript on a select element. But its not working, any hint what I’m doing wrong?

Script.. 

<script type="text/javascript">
function check() {
   alert("Hi");
}
</script>

HTML..

<body> 
<select name="selTitle" id="titles" onchange="check();">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
</body>

Demo – http://jsfiddle.net/jq9UA/1/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem in the Fiddle is that the JavaScript code is running in response to the window load event (default on fiddle). Any code you run is defined in the context of the load call back and not at the global scope. If you look through the actual generated HTML for the frame you will find it looks like this

    $(window).load(function(){
    function check() {
     alert("Hi");
  }

});

    This means your code defines a check function which is local to the load callback but the event handler wants to invoke a globally defined check function.

    To fix this you need to use one of the fiddle settings that defines the JavaScript in a global context. Try “no wrap (head)”.

    Fiddle: http://jsfiddle.net/jq9UA/3/

    • 0