Cannot specify default selected options for <select multiple />

http://jsfiddle.net/qbAv6/

/** @jsx React.DOM */

var MultipleSelect = React.createClass({
  render: function() {
    return <select multiple>
      <option value='1' selected>A</option>
      <option value='2' selected>B</option>
      <option value='3' selected>C</option>
    </select>;
  }
});

React.renderComponent(<MultipleSelect />, document.body);

Expect option A, B and C are selected by default but they are not.

[sompylasar]

@zpao The docs on forms could be clearer by mentioning that you can put an array into the value attribute (the usage example is likely to be <select multiple>).

[sophiebits]

I think you forgot to save your jsfiddle, but as the console warning you get says,

Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>. 

In this case, you want <select multiple value={['1', '2', '3']}> or with defaultValue if you want an uncontrolled component. For more info, see the docs on forms.