Topic: Bootstrap 5 Select component not allowing an option with no value to be selected
richard.hetherington priority asked 2 years ago
*Expected behavior*Mark an option as selected on load - set in previous page loadBe able to select an option with no value so that the field can be reset / cleared if no options are valid (optional field)
*Actual behavior*Once an option is marked as selected using attribute, you can no longer select an option with no value. It remains on the same selected value as per page load.
Resources (screenshots, code snippets etc.)https://mdbootstrap.com/snippets/standard/richard-hetherington/4312017
Mateusz Lazaru staff answered 2 years ago
Hi,
check out code in the snippet: https://mdbootstrap.com/snippets/standard/mlazaru/4315990#css-tab-view
const instance = mdb.Select.getInstance(selectEl).setValue('3')
richard.hetherington priority commented 2 years ago
Hi mlazaru, that would require modifying code across many, many websites to put a work around in for something that is standard html.
Why are options with no value not selectable?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 4.2.0
- Device: Desktop PC
- Browser: Firefox Developer Edition (latest)
- OS: Windows 10 Pro
- Provided sample code: No
- Provided link: Yes