Reset MDBSelectInput

Topic: Reset MDBSelectInput

Justin Martin free asked 3 years ago

Hello,

I try to find a way to reset MDBSelectInput value. I tried to change the selected prop but it can not affect the input, because as doc explained : the selected prop is default value. So useless if a value is previously selected by user.

If you have any idea how to do it ?

Add comment

Justin Martin free answered 3 years ago

1 0 Best answer

Please insert min. 20 characters.

A way to do is to have a select HTML element in a form and when you want to reset the select, use the native function reset() of the form (as exemple with a ref). (I tried with MDBSelect instead of select HTML, but it doesn't work with this one...)

Exemple works :

<form ref={this.formRef}>
    <select className="browser-default custom-select">
        <option value="">Select element</option>
         ...
     </select>
</form>

Jakub Chmura staff commented 3 years ago

Nice to hear that you found a solution!

Best, Kuba

Add comment

Jakub Chmura staff answered 3 years ago