Как сделать несколько выборов в названии блока?

голоса: 0

Как сдедлать, чтобы в первом контейнере, в блоке там где навзание, можно было сделать несколько выборов, как например "Календарь Рфпл" " Календарь АПЛ" и все это в одном месте, как на картинке. Сразу говорю это не на моем сайте, мне надо чтобы несколько было выборов, и после выбора чтобы таблица менялась.

Адрес сайта http://fut-master.3dn.ru/
| Автор: | Категория: Вопросы новичков

Ответов: 1

Голоса: +1
 
Лучший ответ

Эх... если бы не футблол..))

Значит, там где хотите видеть выпадающий список ставим (со своими значениями)

<select id="changeTable">
  <option value="1">Календарь Рфпл</option>
  <option value="2">Календарь АПЛ</option>
</select>

Там где хотите видеть таблицы ставим (ну свои конечно, это я для примера)

<table id="tabCal-1"><tr><td>Таблица №1 Календарь Рфпл</td></tr></table>
<table style="display: none" id="tabCal-2"><tr><td>Таблица №2 Календарь АПЛ</td></tr></table>

Обратите внимание, что value у выпадающего списка должно соответствовать id таблицы. Т.е. если value = 1, то у таблицы должно быть id tabCal-1 и т.д. Таким образом вы можете добавить хоть 10, таблиц. Но по умолчанию должна быть видна только первая, а все остальные нужно скрыть путем добавления style="display: none".

Ну и чтоб все это дело заработало, например, сразу после таблиц ставим обработчик

<script>
  $(function () {
    $('#changeTable').change(function () {
      $('[id^="tabCal-"]').hide();
      $('#tabCal-'+$(this).attr('value')).show(200);
    });
  });
</script>

Если будут вопросы - задавайте.

| Автор:
Выбор ответа лучшим | | Автор: Арзыбек Казикулов
Спасибо!)) Очень помогло
...