没有合适的资源?快使用搜索试试~ 我知道了~
页select中如何实现选择option其中一个选项,显示相关的内容
需积分: 42 5 下载量 200 浏览量
2017-12-27
13:16:03
上传
评论
收藏 12KB DOCX 举报
温馨提示
试读
1页
调的是新闻列表 然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <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内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象
资源推荐
资源详情
资源评论
调的是新闻列表
然后 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 内容区域代码的后面
不然加载到以后执行的时候很有可能就提示找不到对象
资源评论
qq_41547204
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功