How to get the value from the select drop down

[basanthalluri]

I am trying to get the value from the select drop down through onChange action but the function not calling in react.

Here is my sample code for select drop down

Code Option 1 Option 2 Option 3

{this.state.registerFormError.countryCode}

Here is my react code

handleInputChange (event) { alert("testing") // event.persist(); this.setState((state) => { state.registerForm[event.target.name] = event.target.value }); }

componentWillMount(){ console.log("executed") $(document).ready(function () { $('.dropdown-button').dropdown({ constrainWidth: false, hover: true, belowOrigin: true, alignment: 'left' }); $('select').material_select(); $('.dropdown-button').dropdown({ constrainWidth: false, hover: true, belowOrigin: true, alignment: 'left' }); $('.button-collapse').sideNav();

}); }

[Gladear]

React doesn't work well when used with other libraries. jQuery and Materialize are no exception. Now, you have two options if you don't want to struggle more and more for every component you'll do :

• If you absolutely want to use Materialize, I suggest you use a library that permits to integrate Materialize in React such as React Materialize. Cons: It probably won't be up-to-date.
• You can use another library made for material-design, and that was especially made for React. I personnaly know material-ui which is quite complete, but be sure to verify it fulfills what you want to do with it. Cons: You'll have to learn to use it.

I know this probably isn't the answer you expected, but I still hope it will help you !

And for next posts, after pasting your code, select it and click the Insert code icon so it is more readable for everyone !

[aarmel-sw]

one example: $(this.refs.your_select).material_select(this._handleChange.bind(this))