title: Onchange event not working in select box
body: <p>I added a <code>dropdownlist</code> using seblod extension in joomla. But the javascript is not working for this. </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script type="text/javascript"&gt;
              alert('onload');
              document.getElementById('countrynames').addEventListener('change',function(){
                  alert('Hello');
              });
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;select size="1" class="inputbox select " name="countrynames" id="countrynames"&gt;
              &lt;option selected="selected" value=""&gt;- Select an option -&lt;/option&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
              &lt;option value="2"&gt;2&lt;/option&gt;
              &lt;option value="3"&gt;3&lt;/option&gt;
              &lt;option value="4"&gt;4&lt;/option&gt;
              &lt;option value="5"&gt;5&lt;/option&gt;
              &lt;option value="6"&gt;6&lt;/option&gt;
              &lt;option value="7"&gt;7&lt;/option&gt;
              &lt;option value="8"&gt;8&lt;/option&gt;
              &lt;option value="9"&gt;9&lt;/option&gt;
              &lt;option value="10"&gt;10&lt;/option&gt;
          &lt;/select&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>