根据下拉选择显示div

Question

Here's what I have: 这就是我所拥有的：

<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>

What I want is when you select option 1, you see the witness1 div. 我想要的是当你选择选项1时，你会看到witness1 div。 When you select option 2, you see both witness1 and witness2. 选择选项2时，您会看到witness1和witness2。 When you select option 3, you see witness1, witness2 and witness 3...and so on. 当您选择选项3时，您会看到witness1，witness2和见证3 ......等等。

Here is a live example: 这是一个实例：

http://pr0digy.me/witness.html http://pr0digy.me/witness.html

Any help would be greatly appreciated! 任何帮助将不胜感激！ Thanks 谢谢

Answer 1

You forgot to include jQuery. 你忘了包含jQuery。 You need it to use $. 你需要它来使用$。

根据下拉选择显示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