Javascript onchange on select inside script

Question

I'm learning Javascript, and here's what I'm trying to do...

<body> 
<select name="selTitle" id="titles">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
</body>

and for the script,

<script type='text/javascript'>
 var title = document.getElementById("titles");
 title.onchange = function() {
 alert("Hi");
 }
 </script>

But its not working, am I doing something wrong? Here's the demo.. http://jsfiddle.net/jq9UA/10/

Sarfraz · Accepted Answer · 2011-10-28 19:04:39Z

1

Wrap your code in onload event:

window.onload = function(){
     var titles = document.getElementById("titles");
       titles.onchange = function() {
       alert("Hi");
     }
};

Working Demo

This makes sure that select box is actually available to apply events to which you can do using onload event or puting your script at bottom of your page just before </body> tag.

answered Oct 28, 2011 at 19:04

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

Comments

yodog · Accepted Answer · 2011-10-28 19:03:52Z

1

its working fine.

just change the options like this:

imagem

answered Oct 28, 2011 at 19:03

yodog

6,2834 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

Javascript onchange on select inside script

2 Answers 2

Working Demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related