title: HTML Submit form on dropdown change
body: <p><strong>Good morning!</strong></p>
  
  <p>I know that this topic has been covered on SO before but I couldn't find the full answer to my specific situation below so I apologize if I missed the answer elsewhere.</p>
  
  <p><strong>Scope:</strong></p>
  
  <p>What I am trying to achieve is a drop down list (either done with pure HTML or java script, HTML is preferred) that can load a php file. Inside that php file it should be able to access the selected drop down's value.</p>
  
  <p><strong>What I have tried:</strong></p>
  
  <hr>
  
  <p><em>Method 1:</em></p>
  
  <p>I have used a method like this before:</p>
  
  <pre><code>&lt;form action="test.php" method="post"&gt;
  &lt;select name="dropdown" id="dropdown"&gt;
  &lt;option value="value1"&gt;Option 1&lt;/option&gt;
  &lt;option value="value2"&gt;Option 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;input name="submitbutton" type="submit" value="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Then clicking on the submit button, the test.php page loads and I can get the value of the dropdown using $_POST("dropdown"). This method works perfectly fine! However I want to submit the form WITHOUT need of the button, simply using the drop down onchange event instead.</p>
  
  <hr>
  
  <p><em>Method 2:</em></p>
  
  <p>I also tried using:</p>
  
  <pre><code>&lt;form&gt;
  &lt;select name='dropdown' onchange='this.form.submit()'&gt;
  &lt;option value="value1"&gt;Option 1&lt;/option&gt;
  &lt;option value="value2"&gt;Option 2&lt;/option&gt;
  &lt;/select&gt;
  &lt;noscript&gt;&lt;input type="submit" value="Submit"&gt;&lt;/noscript&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>which will reload the page onchange but not the test.php page.. Changing "this.form.submit()" to test.php doesn't work.</p>
  
  <hr>
  
  <p>I feel like I am close with both but not quite there. I hope what I am trying to achieve is explained well enough.</p>
  
  <p>Thank you for any responses ahead of time!</p>