title: onChange event select in ReactJs
body: <p>I'm trying to get the value of an option inside my select in React.js but somehow e.value is always undefined. </p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;Col md={4} className="col-padding-left"&gt;
                              &lt;Input onChange={this.filterProducts} type="select" name="select" id="exampleSelect"&gt;
                                  &lt;option name='default'&gt;Default&lt;/option&gt;
                                  &lt;option name='price' value='desc'&gt;Price (High-Low)&lt;/option&gt;
                                  &lt;option name='price' value='asc'&gt;Price (Low-High)&lt;/option&gt;
                                  &lt;option name='addedAt' value='desc'&gt;Added At (First-Last)&lt;/option&gt;
                                  &lt;option name='addedAt' value='asc' &gt;Added At (Last-First)&lt;/option&gt;
                                  &lt;option name='name' value='desc'&gt;Name (A-Z)&lt;/option&gt;
                                  &lt;option name='name' value='asc'&gt;Name (Z-A)&lt;/option&gt;
                              &lt;/Input&gt;
                          &lt;/Col&gt;
  </code></pre>
  
  <p>With the following function <code>filterProducts</code>: </p>
  
  <pre><code>filterProducts(e){
              console.log(e.value); 
        }
  </code></pre>