title: How to print the value selected in a drop-down box in HTML using JS
body: <p>I am designing a web page which goes like this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Bug UI&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;script&gt;
      function myfunc()
      {
      //what goes here??
      }
  &lt;/script&gt;
  &lt;form&gt;
      &lt;select name = "parameters"&gt;
          &lt;option value = "param1"&gt;Param 1&lt;/option&gt;
          &lt;option value = "param2"&gt;Param 2&lt;/option&gt;
          &lt;option value = "param3"&gt;Param 3&lt;/option&gt;
          &lt;option value = "param4"&gt;Param 4&lt;/option&gt;
          &lt;option value = "param5"&gt;Param 5&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type = "button" onclick = "myfunc()" value = "Submit"&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It displays a drop-down box, when I select a value (say Param 1) from the box and click "Submit", I need to print the value (Param 1 in this case). How to achieve this?</p>