title: Selectbox: Catch an onchange event that was TRIGGERED by external JavaScript?
body: <p>Please read carefully the title - this is not the common onchange thing.</p>
  
  <p><em>There exists a selectbox on a webpage. The selectbox its selectedIndex can be changed programmatically by javascript, <strong>external</strong> js.</em></p>
  
  <p>I would like to be notified when the index changes (crossbrowser solution). Is this possible?</p>
  
  <p><br/>
  <a href="http://jsfiddle.net/yxmV2/6/" rel="nofollow">Consider the jsfiddle example</a></p>
  
  <p><br/>
  Or HTML:</p>
  
  <pre><code>&lt;select id="mySelect"&gt;
      &lt;option&gt;opt 1&lt;/option&gt;
      &lt;option&gt;opt 2&lt;/option&gt;
      &lt;option&gt;opt 3&lt;/option&gt;
  &lt;/select&gt;​
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>// Code I cannot manipulate
  var select = document.getElementById("mySelect");
  select.selectedIndex = 2; // I would like to be notified now
  </code></pre>
  
  <p>Awaiting your insights :-)</p>
  
  <p>Update:</p>
  
  <p>This doesn't answer my original question, but using this I managed to accomplish what I initially wanted (not part of the post):</p>
  
  <pre><code>select.selectedIndex = 2;
  select.onchange();
  </code></pre>