/** @jsx React.DOM */

var React = require('react'),
    ReactPolyselect = require('../src/javascripts/main'),
    Polyselect = ReactPolyselect.Polyselect,
    Polyoption = ReactPolyselect.Polyoption;

var App = React.createClass({

  render: function() {
    return (
      <Polyselect search={true}>
        <Polyoption title="My select option" value="1" />
        <Polyoption title="My second select option" value="2" />
        <Polyoption title="My third select option" value="3" />
      </Polyselect>
    );
  }
});

React.render(<App/>, document.body);

/** @jsx React.DOM */

var React = require('react'),
    ReactPolyselect = require('../src/javascripts/main'),
    Polyselect = ReactPolyselect.Polyselect,
    Polyoption = ReactPolyselect.Polyoption;

var App = React.createClass({

  submit: function() {
    var polyselect = this.refs.polyselect
    var input = polyselect.refs.value
  },

  render: function() {
    return (
      <div>
        <Polyselect ref="polyselect" search={true}>
          <Polyoption title="My select option" value="1" />
          <Polyoption title="My second select option" value="2" />
          <Polyoption title="My third select option" value="3" />
        </Polyselect>
        <button onClick={this.submit}>Submit</button>
      </div>
    );
  }
});

React.render(<App/>, document.body);

Add an alert for the values.
Add an alert for the values.
