如何设置select下拉列表框的跳转超级链接

news/2024/7/4 13:13:18

如何设置select下拉列表框的跳转超级链接 

             今天在制作网站的时候,选择下拉列表进行典型客户的超级链接,我的代码如下:

<SELECT size="1"> 
        <OPTION selected>-请选择站点-</OPTION>
        <option><a href="#">河南省人民医院</a></option>
<SELECT>

这样写,达不到效果,显然是有问题。我到东软的网站上一看,它的跳转列表源代码是这样的:

<SCRIPT language=JavaScript>function MM_jumpMenu(targ,selObj,restore){  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}</SCRIPT>

<SELECT style="WIDTH: 110px" οnchange="MM_jumpMenu('parent',this,0)" name=select2> <OPTION selected>-选择-</OPTION> <OPTION value=http://www.neusoft.com>东软集团</OPTION> <OPTION value=http://medical.neusoft.com>医疗系统</OPTION> <OPTION value=http://www.neusoft.edu.cn>IT教育与培训</OPTION></SELECT>

显然我那样写是有错误的,没有脚本语言无法实现自动跳转。于是我进行修改,代码如下:

<SCRIPT language=JavaScript>function MM_jumpMenu(targ,selObj,restore){  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}</SCRIPT>

<SELECT style="WIDTH: 125px" οnchange="MM_jumpMenu('parent',this,0)"> 
        <OPTION selected>-请选择站点-</OPTION>
        <option value="#">河南省人民医院</option>
        <option value="http://www.zzwy.com">郑州市第五人民医院</option>
        <option value="http://www.ztzy.com">郑大五附院(原铁路局中心医院)</option>
        <option value="#">郑州市中心医院</option>
        <option value="#">郑州市第二人民医院</option>
        <option value="http://www.hnxkyy.com.cn">郑州市胸科医院</option>
        <option value="http://www.hntcm.com">郑州市中医研究院</option>
        <option value="http://www.hnzhy.com">河南省中医学院第一附属医院</option>
        <option value="http://www.anti-cancer.com.cn">河南省肿瘤医院</option>
        <option value="http://www.lyszxyy.com">洛阳市中心医院</option>
        <option value="http://www.hnpysrmyy.com">濮阳市人民医院</option>
</SELECT>

这样果然可以实现了。下拉列表的超级链接是不同于一般文字的超级链接,不可以随意妄加揣测,呵呵!


http://www.niftyadmin.cn/n/4778815.html

相关文章

window bbl 开发环境搭建

一&#xff1a;安装maven 1、 下载地址 &#xff1a;http://maven.apache.org/download.html 2、 解压缩后&#xff0c;设置环境变量 系统变量M2_HOMED:\java\apache-maven-2.2.1 ,path 加变量%M2_HOME%\bin 。 备注&#xff1a;千万记得版本用 2.2.1的&#xff0c;用 3.0.4的会…

第28周四

晚上在家&#xff0c;不想去别人家吃饭就在自己屋里将就吃点&#xff0c;今天提前下班&#xff0c;感觉自己效率还可以&#xff0c;一个是调试解决了Delphi相关的问题&#xff0c;一个是协调验证了一个JAVA方面的问题&#xff0c;由于数据库环境问题导致我今天的在测试验证时走…

#HTTP协议学习# (十一)理解HTTP幂等性

在httpcomponent 文档中看到如下段落&#xff1a; 1.4.1. HTTP transport safety It is important to understand that the HTTP protocol is not well suited to all types of applications. HTTP is a simple request/response oriented protocol which was initially design…

iPhone 和Android应用,特殊的链接:打电话,短信,email;

http://ice-k.iteye.com/blog/1426526 下面的这篇文章主要是说&#xff0c;网页中的链接如何写&#xff0c;可以激活电话的功能。 例如&#xff0c;页面中展示的是一个电话号码&#xff0c;当用户在手机浏览器里面点击这个电话号码的时候&#xff0c;手机会弹出拨号的面板&…

cocos2dx之粒子系统

粒子系统一、介绍粒子系统指的是一个使用大量很小的精灵或者其他的一些绘制对象模拟一些模糊效果。使用传统的绘制技术很难实现。它们经常被用到一些混乱系统&#xff0c;自然现象以及一些化学反应动画效果中。二、点跟矩形在之前版本的cocos2dx中&#xff0c;有两种类型的粒子…

UI设计基础--图形设计

这篇文章我觉得写的很好啊&#xff01; UI设计基础--图形设计 UI设计基础——图形设计1、色彩设计&#xff1a; 美学相关的知识&#xff08;色彩构成、平面构成等等&#xff09;我就不再赘述了&#xff0c;相信从事此类行业的人员无人不知无人不晓了。这里简要说说WebApp设计中…

java 数据压缩

1.public static void main(String[] args) throws Exception {String cont "";String cont2jm(yjy(cont));if(cont.equals(cont2)){System.out.println("比对成功");}else{System.out.println("比对失败");public static String yjy(String co…

安静的结构:控制页面的视觉分贝

CNN新闻网站前段时间改版了。非著名设计顾问 andy 通过对比 CNN.com 和 USAToday.com &#xff0c;谈了些自己的想法&#xff0c;其中不乏一些好的见解。根据本人的理解&#xff0c;将其中一些有用的信息做了翻译并记录如下&#xff1a; 安静的结构 在设计以内容为主的新闻类…