Bootstrap Snippet School Year Selector using HTML CSS Bootstrap Javascript

"School Year Selector"
Bootstrap 3.3.0 Snippet by cdenby

3.3.0

4.5K 1 Fav

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>  <div class="container"> <div class="row"> <h2>School Year Selectors</h2> </div> <div class="col-xs-6"> <h3>DENBYC</h3> <div class="dropdown dropdownContainer"> <a id="ddSchoolYear" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" href="#"> --All--20152016<i class="caret"></i> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20162017">20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20162017">Atikokan - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20162017">Fort High - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20162017">Rainy - 20162017</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20162017">AtikokanE - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20162017">Crossroads - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20162017">Donald Young - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FHSI-20162017">Fort High Int. - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20162017">McCrosson - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20162017">Mine Centre - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20162017">Moore - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20162017">Nestor Falls - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20162017">North Star - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20162017">Riverview - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20162017">Sturgeon - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20162017">Walker - 20162017</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20152016">20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20152016">Atikokan - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20152016">Fort High - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20152016">Rainy - 20152016</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20152016">AtikokanE - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20152016">Crossroads - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20152016">Donald Young - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20152016">McCrosson - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20152016">Mine Centre - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20152016">Moore - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20152016">Nestor Falls - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20152016">North Star - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20152016">Riverview - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20152016">Sturgeon - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20152016">Walker - 20152016</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRNS-20152016">RR Night - 20152016</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20142015">20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20142015">Atikokan - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20142015">Fort High - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20142015">Rainy - 20142015</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20142015">AtikokanE - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20142015">Crossroads - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20142015">Donald Young - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20142015">McCrosson - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20142015">Mine Centre - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20142015">Moore - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20142015">Nestor Falls - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20142015">North Star - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20142015">Riverview - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20142015">Sturgeon - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20142015">Walker - 20142015</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRNS-20142015">RR Night - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRSS-20142015">RR Summer - 20142015</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20132014">20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20132014">Atikokan - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20132014">Fort High - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20132014">Rainy - 20132014</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20132014">AtikokanE - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20132014">Crossroads - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20132014">Donald Young - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20132014">McCrosson - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20132014">Mine Centre - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20132014">Moore - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20132014">Nestor Falls - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20132014">North Star - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20132014">Riverview - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20132014">Sturgeon - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20132014">Walker - 20132014</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20122013">20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20122013">Atikokan - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20122013">Fort High - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20122013">Rainy - 20122013</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20122013">AtikokanE - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20122013">Crossroads - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20122013">Donald Young - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20122013">McCrosson - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20122013">Mine Centre - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20122013">Moore - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20122013">Nestor Falls - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20122013">North Star - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20122013">Riverview - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20122013">Sturgeon - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20122013">Walker - 20122013</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20112012">20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20112012">Atikokan - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20112012">Fort High - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20112012">Rainy - 20112012</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20112012">AtikokanE - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20112012">Crossroads - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20112012">Donald Young - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20112012">McCrosson - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20112012">Mine Centre - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20112012">Moore - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20112012">Nestor Falls - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20112012">North Star - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20112012">Riverview - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20112012">Sturgeon - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20112012">Walker - 20112012</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20102011">20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20102011">Atikokan - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20102011">Fort High - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20102011">Rainy - 20102011</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20102011">AtikokanE - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20102011">Crossroads - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20102011">Donald Young - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20102011">McCrosson - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20102011">Mine Centre - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20102011">Moore - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20102011">Nestor Falls - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20102011">North Star - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20102011">Riverview - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20102011">Sturgeon - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20102011">Walker - 20102011</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20092010">20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20092010">Atikokan - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20092010">Fort High - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20092010">Rainy - 20092010</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20092010">AtikokanE - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20092010">Crossroads - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20092010">Donald Young - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20092010">McCrosson - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20092010">Mine Centre - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20092010">Moore - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20092010">Nestor Falls - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20092010">North Star - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20092010">Riverview - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20092010">Sturgeon - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20092010">Walker - 20092010</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20082009">20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20082009">Atikokan - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20082009">Fort High - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20082009">Rainy - 20082009</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20082009">AtikokanE - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20082009">Crossroads - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20082009">Donald Young - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20082009">McCrosson - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MCS-20082009">Mine Centre - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20082009">Moore - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20082009">Nestor Falls - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20082009">North Star - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20082009">Riverview - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20082009">Sturgeon - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20082009">Walker - 20082009</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20072008">20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20072008">Atikokan - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20072008">Fort High - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20072008">Rainy - 20072008</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20072008">AtikokanE - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20072008">Crossroads - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20072008">Donald Young - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20072008">McCrosson - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20072008">Moore - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20072008">Nestor Falls - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20072008">North Star - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20072008">Riverview - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20072008">Sturgeon - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20072008">Walker - 20072008</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20062007">20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20062007">Atikokan - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20062007">Fort High - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20062007">Rainy - 20062007</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20062007">AtikokanE - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20062007">Crossroads - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20062007">Donald Young - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20062007">McCrosson - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20062007">Moore - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20062007">Nestor Falls - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20062007">North Star - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20062007">Riverview - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20062007">Sturgeon - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20062007">Walker - 20062007</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20052006">20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20052006">Atikokan - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20052006">Fort High - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20052006">Rainy - 20052006</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20052006">AtikokanE - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20052006">Crossroads - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20052006">Donald Young - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20052006">McCrosson - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20052006">Moore - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20052006">Nestor Falls - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20052006">North Star - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20052006">Riverview - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20052006">Sturgeon - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20052006">Walker - 20052006</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20042005">20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20042005">Atikokan - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20042005">Fort High - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20042005">Rainy - 20042005</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20042005">AtikokanE - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20042005">Crossroads - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20042005">Donald Young - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20042005">McCrosson - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20042005">Moore - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20042005">Nestor Falls - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20042005">North Star - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20042005">Riverview - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20042005">Sturgeon - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20042005">Walker - 20042005</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20032004">20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20032004">Atikokan - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20032004">Fort High - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20032004">Rainy - 20032004</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20032004">AtikokanE - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20032004">Crossroads - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20032004">Donald Young - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20032004">McCrosson - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20032004">Moore - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20032004">Nestor Falls - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20032004">North Star - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20032004">Riverview - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20032004">Sturgeon - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20032004">Walker - 20032004</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20022003">20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20022003">Atikokan - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20022003">Fort High - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20022003">Rainy - 20022003</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20022003">AtikokanE - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20022003">Crossroads - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20022003">Donald Young - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20022003">McCrosson - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20022003">Moore - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20022003">Nestor Falls - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20022003">North Star - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20022003">Riverview - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20022003">Sturgeon - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20022003">Walker - 20022003</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20012002">20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20012002">Atikokan - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20012002">Fort High - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20012002">Rainy - 20012002</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20012002">AtikokanE - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20012002">Crossroads - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20012002">Donald Young - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20012002">McCrosson - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20012002">Moore - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20012002">Nestor Falls - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20012002">North Star - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20012002">Riverview - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20012002">Sturgeon - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20012002">Walker - 20012002</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-20002001">20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-20002001">Atikokan - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20002001">Fort High - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-20002001">Rainy - 20002001</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHSE-20002001">AtikokanE - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-20002001">Crossroads - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-20002001">Donald Young - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-20002001">McCrosson - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-20002001">Moore - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-20002001">Nestor Falls - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-20002001">North Star - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-20002001">Riverview - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-20002001">Sturgeon - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-20002001">Walker - 20002001</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-19992000">19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-19992000">Atikokan - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-19992000">Fort High - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-19992000">Rainy - 19992000</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-19992000">Crossroads - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-19992000">Donald Young - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-19992000">McCrosson - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-19992000">Moore - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-19992000">Nestor Falls - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NSC-19992000">North Star - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-19992000">Riverview - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-19992000">Sturgeon - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-19992000">Walker - 19992000</a></li> <li class="divider divider2"><a href="#" onClick="SYChoose(this);" data-schoolyear="%-19981999">19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="AHS-19981999">Atikokan - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-19981999">Fort High - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RRHS-19981999">Rainy - 19981999</a></li> <li class="divider"></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="CRS-19981999">Crossroads - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="DYS-19981999">Donald Young - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="MTS-19981999">McCrosson - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RMS-19981999">Moore - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="NFS-19981999">Nestor Falls - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="RPS-19981999">Riverview - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="SCS-19981999">Sturgeon - 19981999</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="JWW-19981999">Walker - 19981999</a></li> </ul></div> </div> <div class="col-xs-6"> <h3>SDENBY</h3> <div class="dropdown dropdownContainer"> <a id="ddSchoolYear" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" href="#"> Fort High - 20152016<i class="caret"></i> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20162017">Fort High - 20162017</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20152016">Fort High - 20152016</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20142015">Fort High - 20142015</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20132014">Fort High - 20132014</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20122013">Fort High - 20122013</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20112012">Fort High - 20112012</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20102011">Fort High - 20102011</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20092010">Fort High - 20092010</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20082009">Fort High - 20082009</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20072008">Fort High - 20072008</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20062007">Fort High - 20062007</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20052006">Fort High - 20052006</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20042005">Fort High - 20042005</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20032004">Fort High - 20032004</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20022003">Fort High - 20022003</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20012002">Fort High - 20012002</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-20002001">Fort High - 20002001</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-19992000">Fort High - 19992000</a></li> <li><a href="#" onClick="SYChoose(this);" data-schoolyear="FFHS-19981999">Fort High - 19981999</a></li> </ul></div></div> </div>

.divider2 {height: 25px!important}

function SYChoose(a){ var aText=$(a).text(); if ($(a).parent().hasClass("divider2")){ aText="--All--" + aText; } $(a).parent().closest(".dropdownContainer").find(".btn").first().html(aText + "<i class='caret'></i>"); }

Related: See More

Material Kit React

Material Kit React

School Form

Radio Button - Payment method selector

Radio Button - Payment method selector

Product chooser / selector

Product chooser / selector

Questions / Comments:

Posting GuidelinesFormatting