create onChange in javascript issue
<p>I am trying to assign an change event to an element. I have</p>

<pre><code> var testDiv=getElementById('testDiv');

 var SelectMenu=document.createElement('select');
     SelectMenu.id='SelectMenu';
     SelectMenu.onchange=changeFuntion();

     testDiv.appendChild(SelectMenu);

function changeFuntion(){
 //it calls right after I load the page....
 alert('call');

}
</code></pre>

<p>html </p>

<pre><code>  &lt;div id='testDiv'&gt;&lt;/div&gt;
</code></pre>

<p>I want the alert shown only when user change the dropdonw menu. However, it seems the alert is called right after the element is created.
Any tips? Thanks a lot!</p>
