JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="https://rawgit.com/react-bootstrap/react-bootstrap-bower/master/react-bootstrap.min.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
var Hello = React.createClass({
getInitialState: function () {
return {
selectedValue: 1,
};
},
handleChange: function () {
var value = this.refs.select.getValue();
var valueDOM = this.refs.select.getInputDOMNode().value;
console.log('Value from `getValue()`:', value);
console.log('Value from `getInputDOMNode()`:', valueDOM);
this.setState({selectedValue: value});
},
render: function() {
return (
<div>
<p>Selected value: {this.state.selectedValue}</p>
<ReactBootstrap.Input type="select" ref="select" onChange={this.handleChange} value={this.state.selectedValue}>
<option value="1">1 hour</option>
<option value="2">1 day</option>
<option value="3">5 days</option>
</ReactBootstrap.Input>
</div>
);
}
});
React.render(<Hello />, document.body);