阿赛·游梦鱼·郭言赛·阿赛工作室
技术分类
推荐技术
近期热门技术

用select标签实现跳转JavaScript代码下拉菜单跳转链接

  •  字体:
  • 页面跳转的核心代码是:”location.href=value”
    新页面打开的核心代码是:”window.open()”
    代码分四类:
    1、当前页面直接跳转:
    <select name="" onchange="javascript:location.href=this.value;"><option value="http://www.02590.com" selected="selected" >新南京</option><option value="http://www.77ya.com" >77YA</option><option value="http://www.eesai.com" >阿赛工作室</option><option value="http://mz.77ya.com" >墓族</option></select>
    2、新页面弹出跳转:
    <select name="" onchange="javascript:window.open(this.options[this.selectedIndex].value)"><option value="http://www.02590.com" selected="selected" >新南京</option><option value="http://www.77ya.com" >77YA</option><option value="http://www.eesai.com" >阿赛工作室</option><option value="http://mz.77ya.com" >墓族</option></select>
    3、当前页面点击按钮跳转:
    <form name="frm2" action=""><select name="page2"><option value="http://www.02590.com" selected="selected" >新南京</option><option value="http://www.77ya.com" >77YA</option><option value="http://www.eesai.com" >阿赛工作室</option><option value="http://mz.77ya.com" >墓族</option></select><input type="button" value="提交"onclick="javascript:location.href=document.frm2.page2.options[document.frm2.page2.selectedIndex].value;"/></form>
    4、新页面点击按钮跳转:
    <form name="frm" action=""><select name="page"><option value="http://www.02590.com" selected="selected" >新南京</option><option value="http://www.77ya.com" >77YA</option><option value="http://www.eesai.com" >阿赛工作室</option><option value="http://mz.77ya.com" >墓族</option></select><input type="button" value="提交"onclick="javascript:window.open(document.frm.page.options[document.frm.page.selectedIndex].value)"/></form>
    5、当前页面跳转比较简洁的代码:
    <select name="" onchange="self.location.href=options[selectedIndex].value" ><option value="http://www.02590.com" selected="selected" >新南京</option><option value="http://www.77ya.com" >77YA</option><option value="http://www.eesai.com" >阿赛工作室</option><option value="http://mz.77ya.com" >墓族</option></select>
    Powered by eesai.Com ©  2017  阿赛工作室 All Rights Reserved
    本网站由 阿赛工作室 提供源代码技术支持.  备案号:苏ICP备08114364号

    网站地图建议反馈MapRssXml回到顶部