title: Get selected option text using react js?
body: <p>I have my select list component rendering my select list:</p>
  
  <pre><code>&lt;form className="pure-form"&gt;
  &lt;select ref="selectMark" className="mark-selector"
   onChange={this.onChange}&gt;{this.getOptions()}
  &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I have a method on the component to create the options:</p>
  
  <pre><code>getOptions: function () {
      return this.props.renderProps.data.map(function (item) {
          return &lt;option key={item.value} value={item.value}&gt;{item.label}&lt;/option&gt;;
      }.bind(this));
  
  },
  </code></pre>
  
  <p>My onChange method works fine with the value:</p>
  
  <pre><code>onChange: function(event) {
      var newValue = event.nativeEvent.target.value;
      this.props.renderProps.onSaveCare(newValue);
      this.setState({value: newValue});
      this.toggleEdit();
  },
  </code></pre>
  
  <p>Is there a way I can get the option text? This gives me undefined</p>
  
  <pre><code>event.nativeEvent.target.text; //undefined
  </code></pre>