title: addEventListener by select not workting
body: <p>by running this code on flask, I am expecting to change tag  "No name submitted" relating to the selected option, that I select out of the drop down menu. Instead of there are no changes, if I click on one option.</p>
  
  <p>Thanks for your help!</p>
  
  <pre><code>&lt;body&gt;
      &lt;script&gt; 
          document.addEventListener("change", function(){ 
              document.querySelector("#selectoption").onchange(){
              const channel = document.querySelector("#selectoption").value;
              document.querySelector("#displaychannel").innerHTML=channel;
              };
          });
  
  
      &lt;/script&gt;
  
      &lt;h1&gt; channels &lt;/h1&gt;
  
      &lt;ul&gt;
      {% for channel in channels%}
          &lt;li&gt;{{ channel }}&lt;/li&gt;
          {% endfor %}
          &lt;/ul&gt;
      &lt;form id="form2"&gt;
          &lt;select id="select"&gt;
      {% for channel in channels%}
          &lt;option id="selectoption" value={{ channel }}&gt;{{ channel }}&lt;/option&gt;
      {% endfor %}
          &lt;/select&gt;
  
      &lt;/form&gt;
      &lt;a1&gt;You are:&lt;/a1&gt;
      &lt;a1 id="displaychannel"&gt;No name submitted&lt;/a1&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>