Sherpa - UI - Choix 01

by seblavoie

HTML

<h2>Choix 01</h2>
<select class="myselect" multiple>
    <option>Catégorie 01</option>
    <option>Catégorie 02</option>
    <option>Catégorie 03</option>
</select>


<select class="myselect" multiple>                                                      <option value="348">00-0000 - INTERNE</option><option value="272">00-1111 - SUPPORT-TECHNIQUE</option><option value="341">00-2222 - Partenariat-Lasalle</option><option value="161">00-9999 - PROJETS INTERNES</option><option value="359">12-1751 - CITE 4.0 - MAKER</option><option value="356">12-1747 - EDOCEO-PELFE-2</option><option value="352">12-1746 - E-LEARNING MD</option><option value="347">11-1744 - CHUQ-CAPSULE SOINS BUCCAUX</option><option value="349">11-1739 - CSPQ-Projet Éthique</option><option value="343">11-1729 - INALCO-CATALOGUE</option><option value="353">11-1728 - CBC-FEL-RECONNAISSANCE</option><option value="337">11-1726 - CSPQ-2-Assurance traitement</option><option value="336">11-1725 - CSPQ-1-Accueil des employés</option><option value="358">11-1724 - UNIVERSITÉ-DE-MONTRÉAL-AUTONOMIE</option><option value="355">11-1720 - AIR-CANADA-OBLIGATIONS-LINGUISTIQUES</option><option value="222">01-8888 - ALGO-MD INC.</option><option value="349">11-1739 - CSPQ-Projet Éthique</option><option value="343">11-1729 - INALCO-CATALOGUE</option><option value="353">11-1728 - CBC-FEL-RECONNAISSANCE</option><option value="337">11-1726 - CSPQ-2-Assurance traitement</option><option value="336">11-1725 - CSPQ-1-Accueil des employés</option><option value="358">11-1724 - UNIVERSITÉ-DE-MONTRÉAL-AUTONOMIE</option><option value="355">11-1720 - AIR-CANADA-OBLIGATIONS-LINGUISTIQUES</option><option value="222">01-8888 - ALGO-MD INC.</option>
</select>

CSS

.myselect {
    height: 300px;
}

JavaScript

$(document).ready(function() {

});