页select中如何实现选择option其中一个选项，显示相关的内容
需积分: 42 200 浏览量
2017-12-27
13:16:03
上传
评论
收藏 12KB DOCX 举报
调的是新闻列表
然后 select 内的列表为标题列表
然后你要选中标题显示内容
那么内容区域先定义出来
然后 select 的 option 的 value 给你新闻的标题
在内容区域里也把所有列表调出来(两边的 sql 语句一致)
比如
<select onchange='ShowInfo(this.value)'>
<option value='1'>第一条新闻标题</option>
<option value='2'>第二条新闻标题</option>
</select>
<div id='info_box'>
<div id='Cont_1'>第一条新闻内容</div>
<div id='Cont_2'>第二条新闻内容</div>
</div>
CSS 样式写
#info_box div%{
display:none;
}
%
js 函数:
function ShowInfo(Id){
document.getElementById("Cont_"+Id).style.display="block"
}
大概就是这样了,手写的,可能有误
还有就是 JS 一定要在页面内你 select 和 div 内容区域代码的后面
不然加载到以后执行的时候很有可能就提示找不到对象
资源评论
