вам нужно «отобразить» список курсов из базы данных на страницу в виде массива JS, который соответствует индексу вашего отдела.обратите внимание, что массивы начинают считать с 0, поэтому значения вашего отдела также должны начинаться с 0. Этот фрагмент кода должен быть в начале вашего html.
var courses = [
["course1-1","course1-2","course1-3","course1-4","course1-5"],
["course2-1","course2-2","course2-3","course2-4","course2-5"],
["course3-1","course3-2","course3-3","course3-4","course3-5"]
];
, затем, с помощью javascript, добавить прослушиватель событий дляваш <select>
.скажем, у вас есть этот HTML
<select id="departments">
<option value="0">dept1</option>
<option value="1">dept2</option>
<option value="2">dept3</option>
</select>
<select id="courses"></select>
для jQuery, ваш слушатель будет таким.он должен получить предыдущее значение выбора и на его основе построить еще один выбор.
$(document).ready(function(){
function setCourses() {
var departmentValue = $('#departments').val();
var courseOptions = "";
for (i = 0; i < courses.length; i++) {
courseOptions += "<option value=" + i + ">" +courses[departmentValue][i] + "</option>";
}
$("#courses").html(courseOptions);
}
$('#departments').change(function() {
setCourses();
});
setCourses();
});
Вот скрипка: http://jsfiddle.net/z5GTX/1/