网页select中如何实现选择option其中一个选项,显示相关的内容呢?

 我来答
慕容涆yP
推荐于2016-07-26 · 超过66用户采纳过TA的回答
知道答主
回答量:126
采纳率:0%
帮助的人:63.8万
展开全部
然后给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内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象了
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式