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