Выбор и отображение данных с использованием DOM-манипуляций в теге select

Question

, поэтому я пытался создать таблицу времени dyanmi c, где администратор может выбрать филиал колледжа и указать c год, а также раздел (ps мне тоже нужна некоторая помощь по этому вопросу). но когда пользователь выбирает опции, я хочу, чтобы система автоматически отображала и предметы. Я довольно новичок в Webdev, и я хотел бы вашей помощи. ура [расписание`

<select id="branch" name="BRANCH">
                  <option value="EXTC">EXTC</option>
                  <option value="IT">IT</option>
                  <option value="ELEC">ELEC</option>
                  <option value="MECH">MECH</option>
                  <option value="MTRX">MTRX</option>
                </select>
                <select id="year" name="YEAR">
                  <option value="SE">SE</option>
                  <option value="TE">TE</option>
                  <option value="BE">BE</option>
                </select>
                <select id="section" name="SECTION">
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                </select>
               <div id="subjects"></div>     </div></div>  
</div>
 </body>
<script>
var branch = document.getElementById("branch").value;
var year = document.getElementById("year").value;
function IT(){
  if(branch === "IT" && year === "TE"){
    document.getElementById("subjects").innerHTML="the subjects for TE-IT are as follows: xyz"
  }
}

`] 1