用js或者jq实现，根据下拉菜单的字段来显示对应的内容?

下拉菜单有一班，二班，三班，四班，如果选择下拉菜单的一班选项，则显示一班的学生名单，这个功能怎么实现？用ajax取得对应地址的数据，怎么只显示想要的数据... 下拉菜单有一班，二班，三班，四班，如果选择下拉菜单的一班选项，则显示一班的学生名单，这个功能怎么实现？
用ajax取得对应地址的数据，怎么只显示想要的数据展开

 我来答

2个回答

#热议# 普通体检能查出癌症吗？

136775565
2017-03-04 · TA获得超过1113个赞

知道小有建树答主

回答量：866

采纳率：88%

帮助的人：819万

我也去答题访问个人页

关注

展开全部

在下拉菜单的change事件中，获得当前选择班级的标识，再从数据源中匹配这个标识的班级数据并展示

<body>
    <select id="class">
        <option value="一班">一班</option>
        <option value="二班">二班</option>
        <option value="三班">三班</option>
    </select>
    <div id="classStudent"></div>
<script>
    var data = {
        '一班': '张三,李四',
        '二班': '周五,郑六',
        '三班': '田七,王八'
    };
    //js
    document.getElementById("class").addEventListener("change",function(){
        document.getElementById("classStudent").innerHTML = data[this.value];
    });
    //jquery
    /*
    $("#class").change(function(){
        $("#classStudent").html(data[this.value])
    })
    */
</script>
</body>