html select標簽加鏈接3種方法
來源:易賢網 閱讀:2307 次 日期:2016-06-21 11:44:25
溫馨提示:易賢網小編為您整理了“html select標簽加鏈接3種方法”,方便廣大網友查閱!

html 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>

更多信息請查看網頁制作
易賢網手機網站地址:html select標簽加鏈接3種方法

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網