Linkselect jQuery plugin: Convierte SELECT en una combinación de una etiqueta de ancla asociada con un menú desplegable.

Linkselect jQuery plug-in v1.2.09

Es un plugin para poder tener un comboBox o select dentro de un link con solo hacer click te lo muestra y una ves seleccionado el link tomo el nombre del item. Es util para algunas situaciones dentro de nuestros desarrollos web.

Lo primero que tenemos que hacer es cargar las bibliotecas requiere JavaScript y la hoja de estilos CSS utilizadas por el widget:

<script type="text/javascript" src="./lib/jquery-1.2.6.min.js"></script> 
<script type="text/javascript" src="./lib/jquery.linkselect.js"></script> 
 
<!---// load the Linkselect CSS stylesheet //---> 
<link type="text/css" href="./css/jquery.linkselect.css" rel="stylesheet" media="all" />

Antes de que pueda invocar una instancia del widget Linkselect, debe tener uno o más <select /> elementos en su página. Los principales atributos de la etiqueta select (id, título, tabindex) son apoyados por el Linkselect plug-in.

<select id="category" title="Select a category" class="linkselect"> 
    <option value="">[none]</option> 
    <option value="help_desk">Help Desk</option> 
    <option value="customer_service">Customer Service</option> 
    <option value="knowledge_manager">Knowledge Manager</option> 
    <option value="change_manager">Change Manager</option> 
    <option value="service_desk">Service Desk</option> 
    <option value="asset_manager">Asset Manager</option> 
    <option value="software_manager">Software Manager</option> 
</select>

El siguiente paso es crear realmente una instancia del widget Linkselect. Usted quiere asegurarse de inicializar el widget después de todos los elementos necesarios DOM están disponibles, lo que hace que el evento document.ready un gran lugar para iniciar el flash.

<script type="text/javascript"> 
$(document).ready(function (){ 
    $("#category").linkselect(); 
}); 

</script>

Link al sitio oficial

Link al demo