如果在第一个下拉列表中选择了一个值（使用变量），则显示第二个下拉列表？

Question

有什么方法可以在下拉列表中选择某个值，然后根据该选择显示第二个下拉列表？ 我知道只用普通的单词怎么做，但是如果我使用变量名怎么办？

University Name: <select name="university" id="university">
<?php 
    while($row = mysql_fetch_array($uniName)) {
        echo "<option>" . $row['uni_name'] . "</option>"; 
    }
?> 
</select>
<br/>
Course Name: <select name='course' id='course'>
<?php 
    while($row = mysql_fetch_array($courseNames)) {
        echo "<option>" . $row['course_name'] . "</option>"; 
    }
?>
</select>

如您所见，在第一个下拉列表中，我从数据库中添加了所有检索到的大学名称。 我的课程也一样。

现在如何修改下面的代码：

$(document).ready(function() {
    $('#course').hide();

    $('#university').change(function () {
        if ($('#university option:selected').text() == "Harvard University"){
            $('#course').fadeIn('slow');
        }
        else { 
            $('#course').fadeOut('slow');
        }
    });
});

我想根据用户选择的内容在此处放置一个变量，而不是“哈佛大学”。 像$ university_name这样的东西，然后我将创建一个新查询并仅显示属于某个$ university_name的课程。

Answer 1

如我的评论中所述，我建议使用AJAX填充course框。

$.ajax("getCourses.php", {
    data: { UID: uid },
    type: 'POST',
    done: function(result) {
        $("#course").html(result);
});

这将用getCourses可以输出的内容填充选择标签。

UID当然是有关大学的ID。

此页面包含您需要的所有信息。 有关更多信息和示例，Google是您的朋友：)