网页select中如何实现选择option其中一个选项,显示相关的内容呢?
展开全部
然后给select加js
然后通过对应值改变对应的内容id显示
还有一种是即时读取,用ajax
然后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内容区域代码的后面
不然加载到以后执行的时候很有可能就提示找不到对象了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询