html下拉菜单中，如何选择不同的选项，d出不同的内容？_随笔

单纯的实现效果有很多种方法。

直接跳转页面也行，下拉菜单包着a标签

下面用iframe，也行，点击的时候用js替换src

<!DOCTYPE html>

<html>

<head>

</head>

.select{width:80px}

</style>

<body>

</select>

</div>

$('option').on('click',function(){

$('.myIframe').attr('src','跳转的页面.html?title='+encodeURI($(this).text()))

})//添加点击事件替换src

</script>

</body>

</html>

最好是用JS做，但是非要用CSS呢，也可以。如下是我以前写的一个CSS下拉，你可以参考一下：

<html> <head> <title></title> <style>*{margin:0padding:0} ul,li{ list-style-type:none padding:0 margin:0 } #nav li a{ display:block width:100px text-align:center text-decoration:none color:#ffffff background-color:#000000 } #nav li{ position:relative margin-bottom:2pxfloat:leftmargin-right:5px } #nav li ul{ position:absolute left:10px top:20px display:nonewidth:100px } #nav li:hover ul{ display:block } </style> </head> <body><ul id="nav"><li><a href="#">首页</a></li><li><a href="#">关于我们</a><ul><li>我们的故事</li><li>我们的团队</li></ul></li><li><a href="#">我们的服务</a><ul><li>网页设计</li><li>页面制作</li><li>程序开发</li></ul></li><li><a href="#">联系我们</a><ul><li>团队主力</li><li>团队成员</li></ul></li></ul> </body></html>

问题一：怎样设置浏览器使网页的下拉菜单显示 5分浏览器工具中的选项，进行设置。

问题二：如何在 HTML 页面中创建简单的下拉列表框 select标签可以创建下拉列表，列入

我是下拉项目1 我是下拉项目2 我是下拉项目3 我是下拉项目4

问题三：CSS网页下拉列表大小怎么调整贴上代码才可以帮你解决问题，或预览出来效果后，截图发上来。

问题四：网页设计中下拉菜单怎样挡住下面的图片下拉菜单的样式里设置z-index属性

问题五：HTML 下拉菜单中的选项怎样设置连接到目标网页，求代码 ]@]@]

@select the item

item a

item b

item c

item d

选项i查询i

问题六：淘宝装修怎么把自定义页面设置在首页分类的下拉菜单里显示？导航是独立的可以使用CSS写入当然你新建一个自定义也是可以的新建的自定义加上你的页头为150 系统自带的就会被替换掉但是不会消失前台是不会显示系统原始的导航条的如果你想让你的导航有下拉菜单你可以使用在线淘宝导航工具编辑

问题七：下拉菜单，功能图标如何全部显示在同一页面，如何设置？嗨！

你好，你可以进入设置，然后选择通知栏设置，有精简页面，还有全部在一页的页面，选择就可以了

更详细的描述问题有助于网友理解你遇到的麻烦，帮助你更准确的解决问题。谢谢你支持小米手机！

问题八：html页面中下拉列表怎么控制宽度 ]@]@]

@Volvo

Saab

用width控制哦。

问题九：html怎么设置下拉列表必须选择 10分 js表单验证

如:

text1

text2

var options=$(#test option:selected)获取选中的项

if(options==&&options=null)

{

alret(请至少选择一互)

return

}

问题十：jsp页面中如何设置下拉菜单 ]@]@]

@2008

2009

2010

2011

2012

2013

年

月

试一试吧，其他代码你懂的

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7209743.html

html下拉菜单中，如何选择不同的选项，d出不同的内容？

发表评论

评论列表（0条）