织梦二次开发,二次开发,李丕长,网站php二次开发,做网站,模板设计,jquery效果,jquery特效

当前位置: 主页 > Jquery & JS >

html 标签 select 选择链接跳转

时间:2014-03-28 15:56作者:LEO 点击:
方式一: html head meta http-equiv = Content-Type content = text/html;charset=utf-8 / title select加链接 / title / head body Select onchange = mbar (this) name = select OPTION selected ===合作伙伴=== / OPTION OPTION value = http:

方式一:

 

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>select加链接</title> 
  5. </head> 
  6. <body> 
  7.  
  8. <Select onchange=mbar(this) name="select"> 
  9. <OPTION selected>=== 合作伙伴 ===</OPTION> 
  10. <OPTION value="http://www.lipichang.com">李丕长</OPTION> 
  11. <OPTION value="http://www.yonghappy.com">外贸seo</OPTION> 
  12. <OPTION value="http://www.mangapanda.info/">动漫论坛</OPTION> 
  13. </Select> 
  14. <SCRIPT language="javascript"> 
  15.  
    1. <!--  
    2. // open the related site windows  
    3. function mbar(sobj) {  
    4. var docurl =sobj.options[sobj.selectedIndex].value;  
    5. if (docurl != "") {  
    6.    open(docurl,'_blank');  
    7.    sobj.selectedIndex=0;  
    8.    sobj.blur();  
    9. }  
    10. }  
    11. //-->  
  16. </SCRIPT> 
  17. </body> 
  18. </html> 

 

方式二:

也是比较方便 的方式代码简单

  1. <select name="pageselect" onchange="self.location.href=options[selectedIndex].value" > 
  2. <OPTION value="http://www.lipichang.com">李丕长</OPTION> 
  3. <OPTION value="http://www.mangapanda.info">动漫论坛</OPTION> 
  4. </select> 

当然还有其他方式 就不一一举例了

 

 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
无觅相关文章插件,快速提升流量