zoukankan      html  css  js  c++  java
  • select实现选中跳转

    select选择后直接跳转到其他网站的三种方式

       
    第一种:

    **************************

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>select加链接</title>
    </head>
    <body>
    <SCRIPT language=javascript>
    <!--
    // open the related site windows
    function mbar(sobj) {
    var docurl =sobj.options[sobj.selectedIndex].value;
    if (docurl != "") {
       open(docurl,'_blank');
       sobj.selectedIndex=0;
       sobj.blur();
    }
    }
    //-->
    </SCRIPT>
    <Select onchange=mbar(this) name="select">
    <OPTION selected>=== 合作伙伴 ===</OPTION>
    <OPTION value="http://www.baidu.com">百度</OPTION>
    <OPTION value="http://www.163.com">网易</OPTION>
    <OPTION value="http://www.flash8.net/">闪吧</OPTION>
    </Select>
    </body>
    </html>

    ******************

    第二种:

    <select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >
    <OPTION value="http://www.baidu.com">百度</OPTION>
    <OPTION value="http://www.163.com">网易</OPTION>
    </select>

    ******************

    第三种带跳转按钮的:

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>select选择-按钮跳转</title>
    <script type="text/javascript">
    function setsubmit()
    {
    if(mylink.value == 0)
    window.location='http://www.baidu.com';
    if(mylink.value == 1)
    window.location='http://www.163.com';
    if(mylink.value == 2)
    window.location='http://www.sina.com';
    }
    </script>
    </head>
    <body>
    <select name="mylink" id="mylink">
    <OPTION value="0">百度</OPTION>
    <OPTION value="1">网易</OPTION>
    <OPTION value="2">新浪</OPTION>
    </select>
    <input type="button" id="btn" value="提交" onclick="setsubmit(this)" />
    </body>
    </html>

  • 相关阅读:
    看动画学算法之:排序-归并排序
    看动画学算法之:排序-选择排序
    【电脑】第3期:电脑如何打开上帝模式?
    限时删除!能挑战idm的下片神器,最快33M/S
    基本类型计算中浮点数的错误
    字符数组的toString方法打印的是地址值
    boolean类型的成员变量自动生成get方法的问题
    多态的使用
    抽象类和接口的使用关系
    接口的注意事项
  • 原文地址:https://www.cnblogs.com/franky2015/p/5198496.html
Copyright © 2011-2022 走看看