title: OnChange event using React JS for drop down
body: <pre><code>var MySelect = React.createClass({
       change: function(){
           return document.querySelector('#lang').value;
       },
       render: function(){
          return(
             &lt;div&gt;
                 &lt;select id="lang"&gt;
                    &lt;option value="select" onChange={this.change}&gt;Select&lt;/option&gt;
                    &lt;option value="Java" onChange={this.change}&gt;Java&lt;/option&gt;
                    &lt;option value="C++" onChange={this.change}&gt;C++&lt;/option&gt;
                 &lt;/select&gt;
                 &lt;p&gt;&lt;/p&gt;
                 &lt;p value={this.change}&gt;&lt;/p&gt;
             &lt;/div&gt;
          );
       }
  });
  
  React.render(&lt;MySelect /&gt;, document.body);
  </code></pre>
  
  <p>The <code>onChange</code> event does not work. </p>