html下拉菜单中，如何选择不同的选项，弹出不同的内容？
如下图，下拉菜单下面是模板图片，下拉菜单的内容是模板排序，如何实现在下拉菜单中选择不同的模板，在下面图片的位置自动更换为相应的图片
单纯的实现效果有很多种方法。
直接跳转页面也行，下拉菜单包着a标签
下面用iframe，也行，点击的时候用js替换src
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<style type="text/css">
.select{width:80px;}
</style>
<body>
<select id="select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<div class="page_title" style="height:800px;border:1px solid #000;">
<iframe class='myIframe' src="html/redenvelope.html" scrolling="yes" frameborder="0" width="100%" height="100%" id="main_iframe"></iframe>
</div>
<script type="text/javascript">
$('option').on('click',function(){
$('.myIframe').attr('src','跳转的页面.html?title='+encodeURI($(this).text()));
});//添加点击事件替换src
</script>
</body>
</html>
能把代码给写一下吗 谢了
本回答被提问者采纳html下拉菜单中,如何选择不同的选项,弹出不同的内容?
直接跳转页面也行，下拉菜单包着a标签 下面用iframe，也行，点击的时候用js替换src <!DOCTYPE html> <html> <head><meta charset="utf-8"> <title><\/title><script src="http:\/\/code.jquery.com\/jquery-latest.js"><\/script> <\/head> <style type="text\/css">.select{width:80px;...
html怎样设置下拉菜单选择
1、首先我们打开html开发工具，新建一个html代码页面。2、在html代码页面上创建一个select下拉菜单。3、保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的。4、回到html代码页面，在select标签上添加disabled="disabled"属性。5、保存html代码页面，回到浏览器页面上刷新页面，...
html下拉菜单怎么对应切换内容
1、点击下拉内容能切换显示。2、下拉内容显示时，点击页面非下拉内容块隐藏当前显示的下拉内容。3、当前内容显示，点击其他的下拉按钮，当前内容隐藏新点击的下拉内容显示。
如何选择下拉菜单里不同的选项,来决定显示或隐藏表格里的某一行?
<select id="imgsize" onchange="change(this.value);"> <option value="1" selected="selected">选项一<\/option> <option value="2">选项二<\/option> <option value="3">选项三<\/option> <option value="4">选项四<\/option> <option value="5">选项五<\/option> <\/select> <div id...
如何选择不同下拉菜单内容,出现不同学生的成绩折线图?
在J1设置数据里的序列，数据来源选择成绩表里的姓名列。在J2 k2 L2输入8年级下期末等3个标题。在J3=vLOOKUP($J$1，$B:$E，2，0)。在k3=vLOOKUP($J$1，$B:$E，3，0)。在L3=vLOOKUP($J$1，$B:$E，4，0)。最后选择J2:L3为数据源做折线统计图。在J1下拉列表选择不同姓名图就会跟着...
新手求 html 一个下拉菜单的选项内容随着另一个下拉菜单的内容而变化...
实现这个要用脚本了：给你个思路：var s = document.getElementById("s");\/\/学校 var a = document.getElementById("a");\/\/校区 s.onchange = function(){ a.options[1].selected = true;}
frontpage里,点击不同的按钮,如何在本页面进行不同内容的切换?
1、如何把图像安排在文字的旁边？选中需要安排位置的图片。选择菜单中的“格式”→“属性”，在弹出的“图片属性”窗口中选择“外观”项。在“对齐方式”下拉菜单中，选择需要的图片、文字位置安排方式。2、如何使用网页在不同分辨率下的大小自动适应？在640×480的分辨率下的大小设计网页，对于文字不想...
jsp中怎么实现根据选择不同的条件页面显示不同的内容?
(1)这里先得到你选择的select的ID值,(2)传入参数到show.jsp中执行查询---》这里很重要,show.jsp里面的查询SQL一定要一样,不然不能重用。写的时候参考下面代码}先定义一个sqlstring。然后执行IF ELSE操作如果某一项值为空则进行sqlstring=sqlstring+"某一项的where操作"如果某一项值为空则进行sqlstring=sqlstring...
excel表格中两个下拉菜单中不同选择显示不同的内容
由于纸张类型还会增加，考虑到通用性，如下建议：1、做一个类型、单\/双面、单价三列组成的基础表，假设在sheet2的A到C列；2、在原表的F5中输入公式：=SUMPRODUCT((sheet2!A$2:A$100=D5)*(sheet2!B$2:B$100=E5)*N(IF({1},sheet2!C$2:C$100)))下拉填充公式。
EXCEL中如何在固定栏选择下拉菜单中不同的字串带出其对应的值
=VLOOKUP(A2,A3:B5,COLUMN(),0)
