Hello, im Pablo Noel

Working on a couple of proyects i find myself searching for a solution for the customization for our so-long-used Select tag,  a.k.a Combobox. If you work with HTML you will know that its so freaking hard to add custom graphics and behaviors to this element, so i made a “simple” and kind of naiv solution for this.

Cocombobox Jquery Plugin

This will add a “Combobox” kind of interaction to a standard list of elements, view the example page:

http://pablonoel.com/lab/jquery/cocombobox/

Default HTML:

<form action="#" method="post">
<h3>Combobox Default Configuration</h3>
<ol>
<li>Select an Option</li>
<li><a title="enlace" rel="first" href="#">First Option</a></li>
<li><a title="enlace" rel="second" href="#">Second Option</a></li>
<li><a title="enlace" rel="third" href="#">Third Option</a></li>
</ol>
</form>

Default Call

$("ol").cocombobox();

Generated HTML

<form action="#" method="post">
<h3>Combobox Default Configuration</h3>
<div style="position: relative; height: 20px; z-index: 9938;" class="comboboxccbx"><ol style="overflow: hidden; position: absolute; height: 20px; z-index: 9938;" class="min">
<li id="option">Select an Option</li>
<li><a href="#" title="enlace" rel="first">First Option</a></li>
<li><a href="#" title="enlace" rel="second">Second Option</a></li>
<li><a href="#" title="enlace" rel="third">Third Option</a></li>
</ol><input name="combobox" id="combobox" value="" type="hidden"></div>
</form>
There is no documentation yet, and no changelog, but this is the first release, you can Download it and tell me your comments.