Changes select menus to unordered lists so they can be styled better.
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Smooth Scroll Select Menu

This plugin was created in order to style select tags with extremely large amounts of options.


  • Changes select and option tags to a ul with lis tied to a hidden input.
  • Scrolls page down to the top of select to allow the greatest number of options to show on page.
  • Adds scroll lis to the top and bottom of the list if the list is too big for the page.
  • Includes click to scroll and hover to scroll behaviors. Hover is the default.
  • Allows hover to scroll time to be adjusted.
  • Supports after select and after open callbacks.
  • Select classes and Id are transferred to new div wrapper.
  • Degrades gracefully when javascript is disabled.


Hover to scroll example:

		scrollTime: 200,
		afterSelect: function(clicked_li){
			alert('You selected ' + clicked_li.html() + '!');
		afterOpen: function(selectWrap){

Click to scroll example:

		scrollEvent: 'click'



Thank You