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>

  • 相关阅读:
    LintCode-Search for a Range
    LintCode-Serialization and Deserialization Of Binary Tree
    LeetCode-Reverse Words in a String
    LeetCode-Reorder List
    LeetCode-Word Break
    LeetCode-Word Ladder
    LeetCode-Valid Palindrome
    cf div2 237 D
    POJ 1759
    cf div2 238 D
  • 原文地址:https://www.cnblogs.com/franky2015/p/5198496.html
Copyright © 2011-2022 走看看