jQuery custom selectboxes

current version: 0.6.1

Demonstration:

Please select your favorite color Red Orange Yellow Green Blue Magenta Violet Ultra-violet

Controls
Replace Undo

This is the simpliest way to get custom selectbox working. The replace method .selectbox() is being run without parameters. Only thing to get this running is to attach required javascript and css files into document.

Code for replace

$("#default-usage-select").selectbox();

Code for undo

$("#default-usage-select").parents('.jquery-selectbox').unselectbox();

More option can be found in source-code.

Requirements:

• jQuery 1.2.*

Download:

• Demo, sample css and images: jquery.selectbox-0.6.1.zip (61KB)
• Latest version: jquery.selectbox-0.6.1.js (6KB)
• Packed version: jquery.selectbox-0.6.1.pack.js (3KB)

Instalation:

1. Download full pack: jquery.selectbox-0.6.1.zip (61KB)
2. Extract one of jquery.selectbox-0.6.1 JS files and jquery.selectbox.css
3. Attach that files into your document with

   <script type="text/javascript" src="js/jquery.selectbox-0.6.1.js"></script>
   <link rel="stylesheet" type="text/css" media="all" href="css/jquery.selectbox.css" />

4. Change filepaths to images in .css file that suits you
5. Add a replace rule. You maight want something like this:

   $("select").selectbox();