Poznámky (de)kodéra

Nesouvislé fragmenty kódu

uniqselect – jQuery plugin pro výběr unikátních hodnot ze seznamu select-ů

| 0 comments

Uniqselect je jQuery plugin který jsem vytvořil pro potřeby jednoduchého dotazníkového systému který připravuji. Umožňuje vybrat unikátní hodnoty ve skupině select-ů se stejným seznamem hodnot. Hodí se například pro úlohy typu „Ohodnoťte následující odpovědi jako ve škole..“

Zdrojové kódy lze stáhnout přímo uniqselect repository na Github-u.

Použití je velmi triviální.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.uniqselect.js"></script>

<script type="text/javascript">
      $(document).ready(function(){
         $("fieldset").uniqselect();
      });
</script>
<form>
   <fieldset id="group1">
      <legend>Group1 - 3 selects, unique values (1-5)</legend>
      <select class="custSelect">
         <option value=""></option>
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <select class="custSelect">
         <option value=""></option>
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <select class="custSelect">
         <option value=""></option>
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
   </fieldset>
</form>

Pro lepší představu je k dispozici uniqselect online demo.

Napsat komentář

Required fields are marked *.


Current ye@r *