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

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

在下拉菜单的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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-03-04
ajax直接发送post请求道服务器,服务器返回所需数据,然后再ajax执行成功的回调函数中将返回的数据动态的画到界面中(可采用操作dom方式)