Jquery 使用“选择”显示/隐藏多个div

代码目前基本上显示了一个基于select元素的div

<script type="text/javascript">
      $(document).ready(function(){
        $('.formbox').hide();
        $('#dropdown').change(function() {
          $('.formbox').hide();
          $('#workshop' + $(this).val()).show();
        });
      });
</script>
<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="workshop1" class="formbox">stuff</div>
          <div id="workshop2" class="formbox">stuff</div>
          <div id="workshop3" class="formbox">stuff</div>
          <div id="workshop4" class="formbox">stuff</div> etc

$（文档）.ready（函数（）{
$（'.formbox'）.hide（）；
$（“#下拉列表”）.change（函数（）{
$（'.formbox'）.hide（）；
$（'#workshop'+$（this.val（））.show（）；
});
});
0
1.
2.
3.
4.
5.
6.
7.
8.

东西
东西
东西
东西等

我想要的是，当下拉菜单选择2时，它显示div“workshop1”和workshop2“选择3将显示“workshop1”和workshop2”以及“workshop3”等等，。。因此，选择8将显示所有车间分区使用循环：

for (var i=1; i <= $(this).val(); i++) {
  $('#workshop' + i).show();
}

---

您可能希望更改以下内容：

$（'#workshop'+$（this.val（））.show（）

到

var count=$（this.val（）；
对于（var i=1；i试试这个

 $(document).ready(function(){
            $('.formbox').hide();
            $('#dropdown').change(function() {
              $('.formbox').hide();
              for(i=1;i<=$(this).val();i++){
                     $('#workshop' + i).show();
              }
            });
          });

$（文档）.ready（函数（）{
$（'.formbox'）.hide（）；
$（“#下拉列表”）.change（函数（）{
$（'.formbox'）.hide（）；
对于（i=1；i或：

var count = $(this).val();
for( var i = 1; i <= count; i++ ){
 $('#workshop' + i).show();
}

 $(document).ready(function(){
            $('.formbox').hide();
            $('#dropdown').change(function() {
              $('.formbox').hide();
              for(i=1;i<=$(this).val();i++){
                     $('#workshop' + i).show();
              }
            });
          });

       $('#dropdown').change(function(i,v) {
          $('.formbox').hide();
            $('.formbox:nth-child(1n+'+(parseInt($(this).val())+1)+')').show(); 
        });