title: Need to change Selectedindex of dropdownlist when I click the checkbox in React.js
body: <p>I have to create a dynamic page with dropdown list and checkbox, this part is completed.
  Second part is that the selected dropdown list should go to default value(00000000-0000-0000-0000-000000000000)  when I click the checkbox.
  I tried but no luck. Can anyone suggest ideas?</p>
  
  <pre class="lang-js prettyprint-override"><code>var AnswerView = React.createClass({
      getInitialState: function() {
      return {defaultselected: "00000000-0000-0000-0000-000000000000"};
     },
      render: function() {
      //Picklist -1 
      //Text      -2
      //Date      -3
       return (&lt;div&gt;
      &lt;tr&gt;&lt;td&gt;&lt;select value={this.props.responses.length==1?this.props.responses[0].lw_questionanswerid.Id:""}&gt;&lt;div&gt;
      &lt;FormatePickList answers={this.props.answers} defaultselected ={this.state.defaultselected}/&gt;   
      &lt;/div&gt;&lt;/select&gt;&lt;/td&gt;&lt;/tr&gt;&lt;br&gt;&lt;/br&gt;&lt;br&gt;&lt;/br&gt;
      &lt;tr&gt;&lt;td&gt;
            No Answer&lt;input type="checkbox" checked={this.props.responses.length==1?this.props.responses[0].LW_UnabletoobtainData:false} 
            onChange={this.handleChange.bind(this, 'question')}/&gt;
            Not Applicable&lt;input type="checkbox" checked={this.props.responses.length==1?this.props.responses[0].LW_NotApplicable:false}/&gt;
          &lt;/td&gt; 
         &lt;/tr&gt;
       &lt;/div&gt;);
      }
    ,handleChange: function(field, e) {
     this.replaceState({defaultselected: "00000000-0000-0000-0000-000000000000"});
     this.setState(e.target.checked)
     }
  });
      var FormatePickList=React.createClass({
      render: function() {
      var rows = [];
      rows.push(&lt;OptionValues key={-1+"-v"} value={this.props.defaultselected} text={""}/&gt;);   
          for(var i = 0; i &lt; this.props.answers.length; i++) 
          {
             rows.push(&lt;OptionValues key={i+"-v"} value={this.props.answers[i].LW_questionanswerId} text={this.props.answers[i].LW_answer}/&gt;);   
          }
        return (&lt;b&gt;{rows}&lt;/b&gt;);
     }
  });    
  
  var OptionValues=React.createClass({
      render: function() {
      return(&lt;option value={this.props.value}&gt;{this.props.text}&lt;/option&gt;);
      }
  });   
  </code></pre>