juil
12
2010
developpement // javascript // tutorial

JQuery Srollable Select

Author An article by admin    Comments 5 Comments

Voici une petite librairie basée sur JQuery qui vous permettra de customizer vos balises select et de les rendre beaucoup plus attractives.

Jquery UI - SELECT - COMBO BOX

Jquery UI - SELECT - COMBO BOX

Pour cela rien de plus simple, ajouter simplement le script et le style à votre page.

1
<script src="jquery.scrollablecombo.js" type="text/javascript"></script>

et appliquez la fonction javascript sur votre élément :

1
2
3
 <script type="text/javascript">// <![CDATA[
     $(function() {        $('#mon_select).scrollablecombo();    });
// ]]></script>

Pour votre html rien de plus simple :

1
<select id="mon_select"> <option selected="selected" value="A">Option 1</option> <option value="B">Option 2</option> <option value="C">Option 3</option> </select>

Vous pourrez télécharger l’ensemble de l’archive avec style et javascript ici.

DEMO

Mots-clefs :, , , , , ,

Related Posts

About the Author: Jonathan S

5 Comments + Add Comment

  • Download frostwire 18 décembre 2010 à 20 08 35 1235

    thanks

  • Fabio 3 janvier 2011 à 15 03 16 0116

    Thanks a lot! but how can I access using jQuery to selected value?

    Fabio

  • facebook 18 février 2011 à 3 03 30 0230

    i love it

  • kimberly 20 février 2011 à 19 07 35 0235

    your good

  • Syncponry 24 février 2011 à 18 06 46 0246

    hi, new to the site, thanks.

Leave a comment