$(".clean").each(function(){
var value = $(this).val();
$(this).focusin(function(){if($(this).val() == value){$(this).val("");};});
$(this).focusout(function(){if($(this).val() == ''){$(this).val(value);};});
});

Just add the class “.clean” to your input tag and voilá.

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.