用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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ajax直接发送post请求道服务器，服务器返回所需数据，然后再ajax执行成功的回调函数中将返回的数据动态的画到界面中（可采用操作dom方式）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
