title: Javascript : preventDefault() not working on a select tag?
body: <p>I want to come back to the previous option when a user select a option which doesn't fulfill a condition. For exemple, this code :</p>
  
  <pre><code>    &lt;select onchange="test_condition(this, event);"&gt;
          &lt;option&gt;1&lt;/option&gt;
          &lt;option&gt;2&lt;/option&gt;
          &lt;option&gt;3&lt;/option&gt;
          &lt;option&gt;4&lt;/option&gt;
          &lt;option&gt;5&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;script type="text/javascript"&gt;
  
      function test_condition(this_select, event)
      {
           /*If the value of selected option is not equal to 3, 
           come back to the previous option with event.preventDefault(); 
           but this isn't working :*/
           if(this_select.value != 3)
           {event.preventDefault();}
      }
  
      &lt;/script&gt;
  </code></pre>
  
  <p>So if the select tag has the "2" option displayed (for exemple), and the user 
  selects the "4" option, then the select must display the previous option, that is say the "2" option. But event.preventDefault is not working. </p>
  
  <p>Have you a idea ?</p>
  
  <p>Thank in advance, cordially.</p>