Topic: How to disable select till a value is given in previous selects
*Expected behavior*The next Select components cannot be selected till the first select component has a value given
*Actual behavior*All selects remain active. On other frameworks, I can simply give an option of "disabled = true" and change it with a state event change to "disabled = false" but does not exist on MDB-Bootstrap-React. Maybe this is done another way?
Note: Disabled allows for the select to exist but remain unclickable till the value changes to false.
Resources (screenshots, code snippets etc.)
Edit 1 : With new Examples of Process
Example via Materalize CSS Framework:Link of Demo: https://materializecss.com/select.html ^ Materalize simply disables the select from being clickable and used. I mainly use this to allow for the user to select only whats necessary from the form.
Example via React-Materalize (Open Sourced React components using Materialize CSS)
The Select has options built into it but is just disabled so no user can change the value or select anything. Link of Demo: http://react-materialize.github.io/react-materialize/?path=/story/components-select--disabled
React Code Snippet for React-Materialize Select disabled
<br><Select disabled value="2"><br> <option value="1"><br> Option 1<br> </option><br> <option value="2"><br> Option 2<br> </option><br> <option value="3"><br> Option 3<br> </option><br></Select><br>
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: Yes
- Technology: MDB React
- MDB Version: 4.25.1
- Device: Web
- Browser: Google Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes
- Validation Message is not showing from server side for Select list, but server validation message is showing on input fields and textarea
- why error message does not display on select search dropdown list when click on submit else error message display perfect on other fields like input date etc