Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation.

DropKick works by transforming your existing, boring <select> lists into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. You should also set a tabindex attribute to enable navigation via tabbing. When an option is selected in a DropKick menu, the corresponding <select> value is updated. This means that your forms and AJAX requests should work the same without having to make any changes.

Features

• Keyboard Navigation
• Themeing
• Custom Callbacks

Opened DropKick menus on Internet Explorer 7 will be covered by other DropKick containers if they are vertically stacked and too close together.

Requirements: jQuery Framework
Demo: http://jamielottering.github.com/DropKick
License: MIT LIcense

Incoming search terms for the article:

• dropkick jquery
• custom dropdown
• jquery select menu
• Javascript Custom Dropdown
• jquery custom dropdown
• jquery dropkick set value
• jquery drop down menu
• jquery dropdown menu
• dropkick jquery plugin
• jquery dropkick set selected