Example 4. Targetting custom select with a classname, preserving custom attributes
Custom select is targetted with .my-custom-class and text-transform: uppercase is applied. Also originally
select element has an attribute 'my-custom-attr', please inspect a generated select to see how it was preserved.
Example 5. Adding vertical scrollbars
Example 6. Enabled filter
The filter enabled in the below example is case-insensitive,
requires a minimum input of 2 characters in order to be triggered and will show all the options containing the input string in any part of them.
Example 7. Binding 'change' event
Click and choose a value different to a selected one to trigger change event
Example 8. Setting value with javascript
Example 9. Value selected by default
This value is pre-selected using selected="selected" attribute
Example 10. Get selected value
Click 'Alert selected value' button to get an alert with selected value
Example 11. Targetting multiple elements
Setting 'Lithium' value with Javascript for all 3 .simple_select10 elements
Example 12. Enable/Disable
Click 'Enable/Disable' to toggle the state of a select
Example 13. Add/Remove
Click 'Add' to add an option to a dropdown at position 1.
Click 'Remove' to remove an option from position 3.