根据下拉选择显示div

Question

这就是我所拥有的：

<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和见证3 ......等等。

这是一个实例：

http://pr0digy.me/witness.html

任何帮助将不胜感激！ 谢谢

Answer 1

你忘了包含jQuery。 你需要它来使用$。

根据下拉选择显示div

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-01-07 00:49:48

根据下拉选择显示div

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-01-07 00:49:48

解决方案1
2 已采纳 2014-01-07 00:49:48