如何设置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>
这样果然可以实现了。下拉列表的超级链接是不同于一般文字的超级链接,不可以随意妄加揣测,呵呵!