Some <select> element from JIRA:
(click submit to test the post data sent)

With Fixed as "selected":

Add new <select> element dynamically on a page:
(select boxes are checked every second on a page,
you should see a normal select element transforming
into js select box a moment after you click the button)

<select id="resolution" class="select" name="resolution"> <option selected="selected" value="-1">Please select...</option> <option value="1"> Fixed </option> <option value="2"> Won't Fix </option> <option value="5"> Cannot Reproduce </option> <option value="8"> By Design </option> <option value="3"> Duplicate </option> <option value="4"> Incomplete </option> <option value="6"> Unresolved </option> <option value="7"> Done </option> </select>

Test interaction with other webpages that already use some other
javascript boxes library.

These links need to be opened in the kivy_.py example:

- http://www.bulgaria-web-developers.com/projects/javascript/selectbox/
- http://harvesthq.github.io/chosen/
- http://ivaynberg.github.io/select2/

Some libraries that are not well-designed will display
the select element twice, take a look at this for example:

http://adam.co/lab/jquery/customselect/ (open in kivy_.py example)

Although, it will still be functional, just with a display glitch.

The following code was added to the SelectBox library to transform <select> element into js box only if it's visible on a webpage:

        // This should fix interaction with other js boxes libraries,
        // so that the select element does not appear twice.
        if (!$(select).is(":visible")) {
            return;
        }

Also this code gives one second to other select box libraries
to do their stuff, before we start ours:

        __kivy__jQuery(document).ready(function() {
        // Transform select elements only after a second,
        // this will give time other select boxes libraries
        // included on a webpage to their stuff first.
        window.setInterval(function(){
            __kivy__jQuery(document).ready(function() {
                __kivy__jQuery("select").__kivy__selectBox();
            });
        }, 1000);
    });