jQuery custom selectboxes

current version: 0.6.1

Demonstration:
Controls

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:
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();