0

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

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 的课程。

4

1 回答 1

0

正如我在评论中已经说过的，我建议使用 AJAX 来填充该course框。

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

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

UID 当然是相关大学的 ID。

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

于 2013-03-05T14:28:12.780 回答