title: Get select option value on submit with React
body: <p>What is the best way to get the vaule of the select option when I click on the submit button in react? </p>
  
  <p>Would I need to add an onChange to the select option as well?</p>
  
  <pre><code>var UIPrintChart = React.createClass({
      getInitialState: function () {
          return {
              value: 'PNG'
          }
      },
      handlePrint(event) {
          if (this.state.value == 'PNG') {
              console.log('Hello PNG');
          }
          if (this.state.value == 'JPEG') {
              console.log('Hello JPEG');
          }
          if (this.state.value == 'PDF') {
              console.log('Hello PDF');
          }
          if (this.state.value == 'SVG') {
              console.log('Hello SVG');
          }
      },
      render() {
          return (
              &lt;div&gt;
                  &lt;select&gt;
                      &lt;option value="PNG"&gt;PNG Image&lt;/option&gt;
                      &lt;option value="JPEG"&gt;JPEG Image&lt;/option&gt;
                      &lt;option value="PDF"&gt;PDF Document&lt;/option&gt;
                      &lt;option value="SVG"&gt;SVG Vector Image&lt;/option&gt;
                  &lt;/select&gt;
                  &lt;button className="uk-button uk-button-mini" onClick={this.handlePrint}&gt;Export Chart&lt;/button&gt; 
              &lt;/div&gt;
              )
      }
  });
  </code></pre>