показать DIV на основе выпадающего выбора

Вот что у меня есть:показать DIV на основе выпадающего выбора

<html> 
<head> 
<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.formbox').hide(); 
      $('#dropdown').change(function() { 
       $('.formbox').hide(); 
       for(i=1;i<=$(this).val();i++){ 
        $('#witness' + i).show(); 
       } 
      }); 
      }); 
</script> 
</head> 
<body> 
<select id="dropdown" name="dropdown" value="{{course}}"> 
      <option value="0">0</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> 
      <option value="6">6</option> 
      <option value="7">7</option> 
      <option value="8">8</option> 
     </select> 
     </label> 
     <hr> 
     <table> 
     <tr> 
     <td> 

      <div id="witness1" class="formbox">stuff</div> 
      <div id="witness2" class="formbox">stuff</div> 
      <div id="witness3" class="formbox">stuff</div> 
      <div id="witness4" class="formbox">stuff</div> 
      <div id="witness5" class="formbox">stuff</div> 
      <div id="witness6" class="formbox">stuff</div> 
      <div id="witness7" class="formbox">stuff</div> 
      <div id="witness8" class="formbox">stuff</div> 

     </td> 
     </tr> 
     </table> 
</body>

То, что я хочу, когда вы выбираете вариант 1, вы видите witness1 DIV. Когда вы выбираете вариант 2, вы видите как witness1, так и witness2. Когда вы выбираете вариант 3, вы видите witness1, witness2 и witness 3 ... и так далее.

Вот живой пример:

http://pr0digy.me/witness.html

Любая помощь будет принята с благодарностью! Спасибо

источник

2014-01-07 Kyle Austin Tate

Файл jquery не называется. – Rohan

Он работает, если вы включаете библиотеку jQuery, http://jsfiddle.net/GwUUb/ – undefined

Wow я чувствую себя немой. Спасибо, парни! –