title: How to Submit Form on Select Change
body: <p>I have the following form. I'd like it to be submitted automatically via jQuery when the user makes a selection, without needing to press the submit button. How do I do this?</p>
  
  <pre><code>&lt;form action="" method="post"&gt;
      &lt;select name="id" id="cars"&gt;
          &lt;option value=""&gt;Choose&lt;/option&gt;
          &lt;option value="1"&gt;Toyota&lt;/option&gt;
          &lt;option value="2"&gt;Nissan&lt;/option&gt;
          &lt;option value="3"&gt;Dodge&lt;/option&gt;
      &lt;/select&gt; 
      &lt;input type="submit" name="submit" value="Submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>adeneo, I tried your suggestion but it's still not working. Here's the complete code, anything wrong?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
              $('#cars').on('change', function() {
                  this.form.submit();
              });
          });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form action="" method="post"&gt;
              &lt;select name="id" id="cars"&gt;
                  &lt;option value=""&gt;Select...&lt;/option&gt;
                  &lt;option value="1"&gt;Toyota&lt;/option&gt;
                  &lt;option value="2"&gt;Nissan&lt;/option&gt;
                  &lt;option value="3"&gt;Dodge&lt;/option&gt;
              &lt;/select&gt; 
              &lt;input type="submit" name="submit" value="Submit"&gt;
          &lt;/form&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>