JSFiddle - React, Tailwind, and code Playground

by zpao

HTML

<div id="foo"></div>
<div id="bar"></div>

<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<script src="http://react.zpao.com/builds/master/latest/react.js"></script>
<script src="http://react.zpao.com/builds/master/latest/JSXTransformer.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var sel =
    React.renderComponent(
      <select multiple={true} defaultValue={['giraffe', 'gorilla']}>
        <option value="monkey">A monkey!</option>
        <option value="giraffe">A giraffe!</option>
        <option value="gorilla">A gorilla!</option>
      </select>,
      document.getElementById('foo')
    );

function set() {
    sel.setProps({multiple: false, defaultValue: null}, function() {
        console.log(Array.prototype.slice.call(sel.getDOMNode().options).map(function(o) { return o.selected }));
    });
}
React.renderComponent(
    <button onClick={set}>change</button>,
    document.getElementById('bar')
);