html select標(biāo)簽加鏈接3種方法

字號:


    html select標(biāo)簽加鏈接的方法有很多,接下來為大家介紹下幾個比較經(jīng)典的,,感興趣的朋友可以參考下,希望可以幫助到你
    第一種:
    代碼如下:
    <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">網(wǎng)易</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">網(wǎng)易</OPTION>
    </select>
    第三種帶跳轉(zhuǎn)按鈕的:
    代碼如下:
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>select選擇-按鈕跳轉(zhuǎn)</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">網(wǎng)易</OPTION>
    <OPTION value="2">新浪</OPTION>
    </select>
    <input type="button" id="btn" value="提交" onclick="setsubmit(this)" />
    </body>
    </html>