показать div на основе выпадающего списка

0

Вот что у меня есть:

<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, вы видите div1. Когда вы выбираете вариант 2, вы видите как witness1, так и witness2. Когда вы выбираете вариант 3, вы видите witness1, witness2 и witness 3... и так далее.

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

http://pr0digy.me/witness.html

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

  • 0
    Файл jquery не вызывается.
  • 0
    Это работает, если вы включите библиотеку jQuery, jsfiddle.net/GwUUb
Показать ещё 1 комментарий
Теги:

1 ответ

2
Лучший ответ

Вы забыли включить jQuery. Вам нужно использовать $.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню