select下拉列表菜单添加超链接的方法介绍

发布时间:2020-10-31编辑:脚本学堂
本文介绍下为网页中的select下拉列表菜单添加超链接的方法,不同的实现方法,不同的应用技巧,有需要的朋友,可以参考下。

1、在当前页打开超链接

复制代码 代码示例:

<select name="select" style="width:120px;" language=javascript onchange="javascript:window.open(this.options[this.selectedIndex].value)">>
<option selected="selected"   value= "http://www.jb200.com" >---脚本学堂---</option>
<option value= "http://www.baidu.com "  >---百度---</option>
<option value= "http://china.alibaba.com "  >---阿里巴巴---</option>
</select>

2、新开窗口方式打开超链接
 

复制代码 代码示例:
<select name="select" style="width:120px;"  language=javascript onchange= "location.href=this.value">
<option selected="selected"   value= "http://www.jb200.com" >---脚本学堂---</option>
<option value= "http://www.baidu.com "  >---百度---</option>
<option value= "http://china.alibaba.com "  >---阿里巴巴---</option>
</select>

3、下拉表单<select>超链接小技巧
 

复制代码 代码示例:
<td><div align="center">
<select name="allTypeID" onChange="location.replace(this.options[this.selectedIndex].value)">
<%
for(int i=0;i<allTypeList.size();i++){
AllTypeForm form=(AllTypeForm)allTypeList.get(i);
%>
<option value="yd_ProfessionalCategorySelect.jsp?allTypeID=<%=form.getAllTypeID()%>"   
<%
if(request.getParameter("allTypeID")!=null) {
if((form.getAllTypeID())==(Integer.valueOf(request.getParameter("allTypeID")))){
%>
selected="selected" //找到前一次所点下拉别表的名称
<%}} %>
>
<%=form.getAllTypeName() %>
</option>
<%} %>
</select>
</div></td>

简单而言,就是这样:
 

复制代码 代码示例:
<select onChange="location.replace(this.options[this.selectedIndex].value)">
<option value="URL">URL</option>
<option value="URL">URL</option>
</select>