<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>两种Seclect下拉列表跳转菜单</title> </head> <body> <script language="JavaScript"> function MM_o(selObj){ window.open(selObj.options[selObj.selectedIndex].value);} </script> <select onChange="MM_o(this)" name="select" > <option selected>弹出窗口打开</option> <option value="http://www.33567.cn">珊珊影视</option> <option value="http://www.7caidy.com">七彩影视</option> <option value="http://dongman.33567.cn">动漫频道</option> </select> <script language="JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script> <select onChange="MM_jumpMenu('parent',this,1)"> <option selected>在本窗口打开</option> <option value="http://www.33567.cn">珊珊影视</option> <option value="http://www.7caidy.com">七彩影视</option> <option value="http://dongman.33567.cn">动漫频道</option> </select> </body> </html> <br><br><hr> 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:源码爱好者</font></p> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 转载请注明:代码家园 » 两种Select下拉列表跳转菜单 继续浏览有关 的文章 上一篇:jQuery+css模拟select控件的左边移动到右边的功能 下一篇:CSS+JS仿类似新浪微博搜索框的特效 相关代码 JS实现很酷的EMAIL地址添加功能 JS控制超过长度限制后自动跳转下一款文本框 JS+CSS打造实用的单击输入框弹出选择框特效 JS实现自适应高度的表单文本框 + 两种Select下拉列表跳转菜单 + CSS+JS仿类似新浪微博搜索框的特效 + jQuery仿googleDocs在线文档的表格插入特效 + CSS美化的按钮样式,感应鼠标更换边框颜色 + 复选框限制,超过限制即弹出警告框 + 只能点击一次的按钮,提交后变成灰色不可再次 + JS+CSS实现可以凹陷显示选中的单元格 + jQuery+css模拟select控件的左边移动到右边的功能 + CSS+JS模拟类似新浪微博搜索框的搜索提示特效 + JS控制消除文本框中的空格符号 + 文本框内输入文字倒计数特效 + JS记住密码复选框上的提示框