I just created a codesandbox example for this functionality, i added a disabled property for each option, and on change event listner, i get the option index, and make it disabled. And when radio 2 is selected, the dropdown is disabled. The selectable prop determines if an option is selectable or not
On ios this will cause the user not being able to select the first item because ios does not fire a change event in this case. What i want is when radio 1 is selected, the dropdown is enabled Always provide a disabled placeholder option for better ux, use meaningful key attributes for option elements, and consider implementing search functionality for long option lists.
The issue i am experiencing is that although the placeholder option is indeed selected and is disabled correctly, it does not display in the actual input list before anyone clicks on it as the selected option. The initial value of the select option is ignored and always treats the current change as the value The select ships with different event hooks for deep customization Events are triggered through the lifecycle of the component where you can tie in custom functionality and code.
This is a simple vu js code that demonstrates how to enable or disable a dropdown based on a toggle button. I have 2 radio buttons, and 1 dropdown select
