html — извлечь запись в combobox2, если индекс combobox1 изменен, т.е. сделать это без нажатия кнопки (если индекс другого combobox изменен), используя переполнение стека

Я работаю над проектом, в котором у меня есть 2 выпадающих списка (раскрывающиеся списки). Я хочу отобразить запись в выпадающем списке 2, так как индекс выпадающего списка изменяется.
пример

<select name = "semester">
<option value = "1st">1st</option>
<option value = "2nd">2nd</option>
<option value = "3rd">3rd</option>
</select>
<select name = "course">
<?php
require "con.php";
$query = mysql_query(select courses from course_tbl where semester = ".$_POST['semester']);
while($row = mysql_fetch_row($query))
{
echo "<option value = '$row[0]'>$row[0]</option>";
}
?>
</select>

означает загрузить все курсы семестра, который выбирает пользователь. означает, что если индекс семестра изменился, то сразу же загрузите все курсы в другой комбинированный список. Пожалуйста помоги.