title: read selected value from select tag of HTML using javascript code
body: <p>My HTML code is as:  </p>
  
  <pre><code> &lt;div id="detail"&gt;
      &lt;div class="d_left"&gt;
      Page &lt;strong&gt;1&lt;/strong&gt; of 107
      &lt;/div&gt;
      &lt;div class="d_center"&gt;
      &lt;table&gt;
      &lt;tr&gt;
      &lt;td&gt;&lt;a href="#"&gt;Previous&lt;/a&gt; | &lt;a href="#"&gt;Next&lt;/a&gt;
      &lt;img src="/webProject/store/images/arrow.png" align="absmiddle" alt=""&gt;
      &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
      &lt;/div&gt;
      &lt;div class="d_right"&gt;
      Sort by:
       &lt;select name="featured" size="1" id="item1"&gt;
            &lt;option&gt;Featured Items1&lt;/option&gt;
            &lt;option&gt;Featured Items2&lt;/option&gt;
            &lt;option&gt;Featured Items3&lt;/option&gt;
            &lt;option&gt;Featured Items4&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, I want to read selected value from <code>&lt;select name="featured" size="1" id="item1"&gt;</code>.
  How can I do this using JavaScript?</p>