title: Do not submit form on onchange event
body: <pre><code>            &lt;form class="form1"&gt;
                &lt;select onchange="this.form.submit()"&gt;
                   &lt;option value=""&gt;Select a country...&lt;/option&gt;
                   &lt;option value="United States"&gt;United States&lt;/option&gt;
                   &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt;
                   &lt;option value="Afghanistan"&gt;Afghanistan etc...&lt;/option&gt;
                &lt;/select&gt;
              &lt;input type="text" /&gt;
              &lt;button type="submit" /&gt;
              &lt;/form&gt;
  
              &lt;form class="form2"&gt;
                &lt;select&gt;
                   &lt;option value=""&gt;Select a country...&lt;/option&gt;
                   &lt;option value="United States"&gt;United States&lt;/option&gt;
                   &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt;
                   &lt;option value="Afghanistan"&gt;Afghanistan etc...&lt;/option&gt;
                &lt;/select&gt;
              &lt;input type="text" /&gt;
              &lt;button type="submit" /&gt;
              &lt;/form&gt;
  </code></pre>
  
  <p>this.form.submit() submits form on option change. What would be the opposite to this? 
  Submitting the form on change is not required. It is only required when the submit button is clicked.</p>
  
  <p>Form 2 submits on change. How to get rid of it.</p>