title: How handle multiple select form in ReactJS
body: <p>I try to handle a <em>multiple form select option</em>, in ReactJS. I have tried to be inspire of javascript classic code to handle that, but I fail. </p>
  
  <p>My code just don't send me the values selected. How handle that ? </p>
  
  <p>Here my code :</p>
  
  <pre><code>  class ChooseYourCharacter extends React.Component {
  
        constructor(props) {
          super(props);
          this.state = {value: 'coconut'};
  
          this.handleChange = this.handleChange.bind(this);
          this.handleSubmit = this.handleSubmit.bind(this);
        }
  
        handleChange(event) {
          this.setState({value: event.option});
        }
  
        handleSubmit(event) {
          alert('Your favorite flavor is: ' + this.state.value);
          event.preventDefault();
        }
  
        render() {
          return (
            &lt;form onSubmit={this.handleSubmit}&gt;
              &lt;label&gt;
                Pick your favorite La Croix flavor:
                &lt;select multiple={true} value={this.state.value} onChange={this.handleChange}&gt;
                  &lt;option value="grapefruit"&gt;Grapefruit&lt;/option&gt;
                  &lt;option value="lime"&gt;Lime&lt;/option&gt;
                  &lt;option value="coconut"&gt;Coconut&lt;/option&gt;
                  &lt;option value="mango"&gt;Mango&lt;/option&gt;
                &lt;/select&gt;
              &lt;/label&gt;
              &lt;input type="submit" value="Submit" /&gt;
            &lt;/form&gt;
          );
        }
      }
      ReactDOM.render(
               &lt;ChooseYourCharacter/&gt;,
               document.getElementById('root')
      )
  </code></pre>