Breaking News: Grepper is joining You.com. Read the official announcement!

jsx on select value change

|_Genos_| answered on August 30, 2021 Popularity 10/10 Helpfulness 3/10

answer jsx on select value change

jsx on select value change

Comment

var MySelect = React.createClass({
     getInitialState: function() {
         return {
             value: 'select'
         }
     },
     change: function(event){
         this.setState({value: event.target.value});
     },
     render: function(){
        return(
           <div>
               <select id="lang" onChange={this.change} value={this.state.value}>
                  <option value="select">Select</option>
                  <option value="Java">Java</option>
                  <option value="C++">C++</option>
               </select>
               <p></p>
               <p>{this.state.value}</p>
           </div>
        );
     }
});

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

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript jsx select

Link to this answer
Share Copy Link