select跳转的三种方式

来源：互联网发布：怎么提高淘宝信誉评级编辑：程序博客网时间：2024/06/06 07:03

以下是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 windowsfunction 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.choksun.com">创盛科技</OPTION><OPTION value="http://www.jinduo.com">金舵</OPTION><OPTION value="http://www.flash8.net/">闪吧</OPTION></Select></body></html>

第二种：

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" ><pre name="code" class="html"><OPTION value="http://www.choksun.com">创盛科技</OPTION><OPTION value="http://www.jinduo.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.choksun.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>

0 0