title: How to make selector switch work after selecting another option?
body: <p>I have a selector with 4 options: 1 is default and is not included in the later used <code>switch</code>.
  When I select another value (in my case "1" because I included it in the <code>switch</code>) nothing happens. But if I leave the option with <code>value="1"</code> as the default option, the switch works and displays my text.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select id="select-forma"&gt;
          &lt;option value="11"&gt;-Alegeti Forma-&lt;/option&gt;
          &lt;option value="1"&gt;Forma 1&lt;/option&gt;
          &lt;option value="2"&gt;Forma 2&lt;/option&gt;
          &lt;option value="3"&gt;Forma 3&lt;/option&gt;
  
   &lt;/select&gt;&lt;br&gt;
   &lt;h1 id="mp"&gt;Aveti nevoie de &lt;span id="mpv"&gt;100&lt;/span&gt; m2 folie&lt;/h1&gt;&lt;br&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>switch(parseInt(document.getElementById('select-forma').value)){
      case 1:
        document.getElementById('mp').style.display = 'block';
        break;
  </code></pre>
  
  <p>How can I make the switch work properly?</p>
  
  <p>EDIT: Solved it myself by putting the <code>switch</code> in a function and using <code>onchange = "function()"</code> for the selector</p>