javascript simple question

why when I put javascript code into <head> section , it is not working, only when I
put it into body section:

<head>


 /* read jquery etc */

</head>
<body>


<select>
 <option> 1 </option>
 <option> 2 </option>
  
</select>
 
 <script>

	
 $("select").change(function() {

 	 

 	var sel	=	$(this).val();

 	if  (sel != 0 )
 	{
 	 		
	}		

	});  			


</script> 

</body>
</html>

Open in new window

snigerAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
leakim971Connect With a Mentor PluritechnicianCommented:
When you put it in the body, AFTER the select box, it mean the select is already in the document (because you put it after)
When you put it in the head section, the body is not loaded, no select so you can play with it

You need to be sure document object model is ready to use
http://james.padolsey.com/javascript/some-jquery-shortcuts/
http://www.learningjquery.com/2006/09/introducing-document-ready
http://web.enavu.com/daily-tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/

<head>


 /* read jquery etc */
 <script>
$(document).ready(function() { // wait the DOM is ready to use
	
 $("select").change(function() {

 	 

 	var sel	=	$(this).val();

 	if  (sel != 0 )
 	{
 	 		
	}		

	});  			

})
</script> 
</head>
<body>
<select>
 <option> 1 </option>
 <option> 2 </option>  
</select>
</body>
</html>

Open in new window

0
 
Tapan PattanaikSenior EngineerCommented:
Hi  sniger,

JavaScript writes into the HTML <body> while the page loads.

Please check this link.

http://www.w3schools.com/js/js_howto.asp
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.