28、普通下拉菜单A
类别: JavaScript教程
====1、将以下代码加入HTML的<body></body>之间:
<FORM name="guideform">
<SELECT name="guidelinks">
<OPTION SELECTED value="http://yuxuemei.yeah.net">我的主页
<OPTION value="http://place.com/page2.htm">友情链接
<OPTION value="http://place.com/page3.htm">友情链接
<OPTION value="http://place.com/page4.htm">友情连接
</SELECT>
<INPUT type="button" name="go" value="Go!" onClick="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> </FORM>
====2、特别说明:
菜单中的内容多少不限,按照格式写即可。连接URL使用绝对URL(http://)和相对路径都可以。
在同一页面上不要同时使用这两个普通菜单的代码,当然要使用完全没有问题
只是2个FORM和SELECT的名字(Name)应该不能重复,总不能都叫做“guideform”吧?
<FORM name="guideform">
<SELECT name="guidelinks">
<OPTION SELECTED value="http://yuxuemei.yeah.net">我的主页
<OPTION value="http://place.com/page2.htm">友情链接
<OPTION value="http://place.com/page3.htm">友情链接
<OPTION value="http://place.com/page4.htm">友情连接
</SELECT>
<INPUT type="button" name="go" value="Go!" onClick="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> </FORM>
====2、特别说明:
菜单中的内容多少不限,按照格式写即可。连接URL使用绝对URL(http://)和相对路径都可以。
在同一页面上不要同时使用这两个普通菜单的代码,当然要使用完全没有问题
只是2个FORM和SELECT的名字(Name)应该不能重复,总不能都叫做“guideform”吧?
- 上一篇: 27、逐显效果下拉菜单
- 下一篇: 29、普通下拉菜单B
-= 资 源 教 程 =-
文 章 搜 索