Что я делаю не так? Нубский код

@ЭмильС · Регистрация: 23.05.2015

Студворк — интернет-сервис помощи студентам

Добрый день! Вопрос такой: как привязать таблицу( данные зачетки за 1ый курс) к определённому курсу,которая выводилась бы строго при нажатии кнопки "Показать" и скрывалась бы при нажатии кнопки "Очистить"
Замучился, никак не могу сделать.

. Помогите, пожалуйста.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html>
        <head>
            <title>Зачетная книжка</title>
            <H3> Зачетная книжка</H3>
            <link rel="stylesheet" type="text/css" href="style1.css">
            <script type="text/javascript">
            
            function show(obj){
            document.getElementById("tab1").style.display="block";
            
            }
            
            </script>
 
        </head>
        <body>
       Данные студента:<br><br>
    <form name="forma5">
    <table  border="1"cellspacing="5" cellpadding="5">
    <tr><td valign="top">Имя:</td>
    <td><INPUT valign="top"  type="text" name="firstname"></td></tr>
<tr><td valign="top">Фамилия:</td>
    <td><INPUT type="text" name="lastname"></td></tr>
    <tr><td  valign="top">Курс:</td>
<td><select name="n" OnChange="show(this);">
            <option select value="">Выберите курс
            <option value="c1">1курс
            <option value="c2">2 курс
            <option value="c3">3 курс
            <option value="c4">4 курс
            <option value="c5">5 курс
 
        </select></td></tr>
 
    <tr><td><input type="button" name="Click" value="Показать" onClick="show(this);">
    <td><input type="reset" name="reset" value="Очистить"</td></tr><br><br>
    
 
 
<table id="tab1" style="display:none " width="300"  cellpadding=1  border="1">
           <caption>ТЕОРЕТИЧЕСКИЙ КУРС</caption>
           <tr>
           <th>№П/П/</th><th>Наименование дисциплин</th><th>Кол.часов</th><th>Фамилия преподавателя</th><th>Оценка</th><th>Дата сдачи экзамена</th><th>Подпись преподавателя</th>
           </tr>
           <tr>
           <td>1</td><td>Линейная алгебра</td><td>144<td>Васильев К.К.</td><td>удов</td><td>15.01.12</td><td><i>Васильев К.К.<i></td>
           </tr>
           <tr>
           <td>2</td><td>Социология</td><td>72</td><td>Петрова М.К.</td><td>зачет</td><td>17.01.12</td><td><i>Петрова М.К.<i></td>
           </tr>
           <tr>
           <td>3</td><td>История России</td><td>108<td>Булатов А.Н.</td><td>хор</td><td>19.01.12</td><td><i>Булатов А.Н.<i></td>
           </tr>
           <tr>
           <td>4</td><td>Иностр.язык</td><td>340<td>Маркова А.Н.</td><td>зачет</td><td>23.01.12</td><td><i>Маркова А.Н.<i></td>
           </tr>
           <tr>
           <td>5</td><td>Информатика</td><td>144<td>Иванов Ю.П</td><td>удов</td><td>21.01.12</td><td><i>Иванов Ю.П<i></td>
           </tr>
           <tr><td>6</td><td></td><td><td></td><td></td><td></td><td><i><i></td></tr>
           
       
          
       <tr><td>ПРАКТИЧЕСКИЕ ЗАНЯТИЯ</td><td colspan="7"></td></tr>
           <tr>
           <th>№П/П/</th><th>Наименование дисциплин</th><th>Кол.часов</th><th>Фамилия преподавателя</th><th>Оценка</th><th>Дата сдачи экзамена</th><th>Подпись преподавателя</th>
           </tr>
           <tr>
           <td>1</td><td>Линейная алгебра</td><td>144<td>Васильев К.К.</td><td>зачет</td><td>15.01.12</td><td><i>Васильев К.К.<i></td>
           </tr>
           <tr>
           <td>2</td><td>Социология</td><td>72</td><td>Петрова М.К.</td><td>зачет</td><td>17.01.12</td><td><i>Петрова М.К.<i></td>
           </tr>
           <tr>
           <td>3</td><td>История России</td><td>108<td>Булатов А.Н.</td><td>зачет</td><td>19.01.12</td><td><i>Булатов А.Н.<i></td>
           </tr>
           <tr>
           <td>4</td><td>Иностр.язык</td><td>340<td>Маркова А.Н.</td><td>зачет</td><td>23.01.12</td><td><i>Маркова А.Н.<i></td>
           </tr>
           <tr>
           <td>5</td><td>Информатика</td><td>144<td>Иванов Ю.П</td><td>зачет</td><td>21.01.12</td><td><i>Иванов Ю.П<i></td>
           </tr>
           <tr><td>6</td><td></td><td><td></td><td></td><td></td><td><i><i></td></tr>
           
           
        </table><br>
        </form>
            Декан факультета
 
    
        </body>
    </html>

@ntlinuxnt · 18.05.2016, 17:17

на jsfiddle перенесите пожалуйста.

@ЭмильС · 18.05.2016, 18:29 **[ТС]**

А эту тему удалить?

@Михаил_96 · 18.05.2016, 20:02

Что-то не вижу функцию "очистить".

JavaScript
1
2
3
var reset = function() {
  document.querySelector('.reset').style.display = 'none';
}

@sad67man · 18.05.2016, 20:13

Как привязать? Свяжите через id таблиц и option value, т.е. сделайте их соответственно одинаковыми. Уберите обработчик у select-а onchange, раз вы хотите, чтоб функции вызывались по кнопкам. Далее в функции достаете value из select-a - это наш id таблицы. По id эту таблицу показывайте, остальные скрываете. Я думаю вы справитесь. Гугл вам в помощь. Слишком простая задача.

@Padonak · 18.05.2016, 20:27

Сообщение от ЭмильС

как привязать таблицу( данные зачетки за 1ый курс) к определённому курсу

Это как?!

@ЭмильС · 19.05.2016, 08:18 **[ТС]**

sad67man, А сможете мне помочь допилить за символическую сумму?

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@ntlinuxnt $ su 1605 / 520 / 97 Регистрация: 18.11.2010 Сообщений: 2,807 Записей в блоге: 2
	18.05.2016, 17:17
	на jsfiddle перенесите пожалуйста. 0

@ЭмильС 0 / 0 / 0 Регистрация: 23.05.2015 Сообщений: 8
	18.05.2016, 18:29 [ТС]
	А эту тему удалить? 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,834
	18.05.2016, 20:13
	Как привязать? Свяжите через id таблиц и option value, т.е. сделайте их соответственно одинаковыми. Уберите обработчик у select-а onchange, раз вы хотите, чтоб функции вызывались по кнопкам. Далее в функции достаете value из select-a - это наш id таблицы. По id эту таблицу показывайте, остальные скрываете. Я думаю вы справитесь. Гугл вам в помощь. Слишком простая задача. 0

@ЭмильС 0 / 0 / 0 Регистрация: 23.05.2015 Сообщений: 8
	19.05.2016, 08:18 [ТС]
	sad67man, А сможете мне помочь допилить за символическую сумму? 0