jQuery SpicySelect v1.1
I just pushed some changes to spicyselect up to github. This includes some really cool fixes and enhancements to the original script.
- The mask is now in the tab order
- Upon receiving focus, it will have a "focus" class added so you can style accordingly
- While focused, pressing the down arrow will expand the options
- With the options expanded, the up and down arrows will move the selected option up and down through the list
- When selecting with the keyboard, a class of "current" will be added to the current selection for easy styling
- With the options expanded, pressing enter or space will choose the selected option
Now the mask will act much more similarly to how an actual select box acts. Next up is to wire up the rest of the keys to select options by typing a name.
I also updated the demo a bit. It now has some basic styles and I provided a quick link to download the stylesheet as an example.
As always, ping me with any bugs, requests, or feedback!