展示基於下拉選項

這裏的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股利。當您選擇選項2時，您會看到witness1和witness2。當你選擇選項3時，你會看到證人1，證人2和證人3 ......等等。

這是一個活生生的例子：

http://pr0digy.me/witness.html

任何幫助將不勝感激！謝謝

來源

2014-01-07 Kyle Austin Tate

未調用jquery文件。 – Rohan

它可以工作，如果你包括jQuery庫，http://jsfiddle.net/GwUUb/ – undefined

哇，我覺得愚蠢。多謝你們！ –