title: How to get addEventListener to work with a select tag
body: <p>HTML</p>
  <pre><code>&lt;select id=&quot;country&quot; &gt;
   &lt;option value=&quot;&quot;&gt;&lt;/option&gt;
   &lt;option value=&quot;india&quot;&gt;India&lt;/option&gt;
   &lt;option value=&quot;australia&quot;&gt;Australia&lt;/option&gt;
   &lt;option value=&quot;turkey&quot;&gt;Turkey&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  <p>JS</p>
  <pre><code>var a = document.getElementById('country');
  b.addEventListener('select',function () {alert(this.value);} ,false); 
  </code></pre>
  <p>I want to show the selected value in an alert box when the user selects an option from the list.</p>