教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 select下拉列表菜单添加超链接的方法介绍

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

发布时间:2014-10-24   编辑:jiaochengji.com
本文介绍下为网页中的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.jiaochengji.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.jiaochengji.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>

您可能感兴趣的文章:
select下拉列表菜单添加超链接的方法介绍
select下拉列表菜单中超链接跳转的实现代码
js 控制页面跳转的五种方法
select下拉列表框中超链接跳转的代码一例
php mysql动态树型菜单的实现(递归函数的灵活应用)
CSS样式表应用技巧两则
jquery 操作input标签方法大全
Jquery获取Select下拉框中Text与Value的方法详解
jquery select取值与赋值操作指南
JQuery 常用操作代码

[关闭]
~ ~