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>

  • 相关阅读:
    Sql获取表中随机1到n条数据
    SQLite相关
    Eclipse自动生成api时报错“警告: 编码 GBK 的不可映射字符”
    Git基础命令
    Oracle查询结果行转列,列转行
    字符串编码方式转换
    Java字符串匹配正则表达式
    python爬虫--编码问题y
    GET与POST方法
    python爬虫(1)--Urllib库的基本使用
  • 原文地址:https://www.cnblogs.com/franky2015/p/5198496.html
Copyright © 2011-2022 走看看