![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
用js或者jq实现,根据下拉菜单的字段来显示对应的内容?
下拉菜单有一班,二班,三班,四班,如果选择下拉菜单的一班选项,则显示一班的学生名单,这个功能怎么实现?用ajax取得对应地址的数据,怎么只显示想要的数据...
下拉菜单有一班,二班,三班,四班,如果选择下拉菜单的一班选项,则显示一班的学生名单,这个功能怎么实现?
用ajax取得对应地址的数据,怎么只显示想要的数据 展开
用ajax取得对应地址的数据,怎么只显示想要的数据 展开
2个回答
展开全部
在下拉菜单的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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询