javascript使用switch case实现动态改变超级链接文字及地址
更新时间：2014年12月16日 11:41:34 投稿：hebedich
这篇文章主要介绍了javascript使用switch case实现动态改变超级链接文字及地址,需要的朋友可以参考下
代码很简单，我这里就不多废话了，小伙伴们直接看源码吧。
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>动态改变超级链接文字及地址</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript">
function netbankusername()
{
values=form.bankname.options[form.bankname.selectedIndex].value;
texts=form.bankname.options[form.bankname.selectedIndex].text;
switch (form.bankname.selectedIndex)
{
case 1:
//document.links[0].href="http://www.cmbchina.com/";
//shownetbank1.innerHTML="http://www.cmbchina.com/(招商银行)";
document.links[0].href=values;
shownetbank1.innerHTML=values+"("+texts+")";
break;
case 2:
//document.links[0].href="http://www.cib.com.cn/netbank/netbank.portal";
//shownetbank1.innerHTML="http://www.cib.com.cn/netbank/netbank.portal(兴业银行)";
document.links[0].href=values;
shownetbank1.innerHTML=values+"("+texts+")";
break;
default:
alert(form.bankname.selectedIndex);
break;
}
}
</script>
</head>
<body>
<form action="cardinfo_action.asp?action=insert" method="post" name="form" id="form">
<table width="200" border="0">
<tr>
<td>请选择</td>
<td>
<select name="bankname" onChange="netbankusername()" id="bankname">
<option value="">请选择</option>
<option value="http://www.cmbchina.com/">招商银行</option>
<option value="http://www.cib.com.cn/netbank/netbank.portal">兴业银行</option>
<option value="http://www.baidu.com">其他</option>
</select></td>
</table>
</form>
<div style="border:1px solid #ccc;margin:1px;width:600px;height:20px;"><a href="#" target="_blank" id="shownetbank1" name="shownetbank1">未选择银行</a></div>
</body>
</html>
是不是超级简单实用呢。。。经常看看比较大的站，还是可以解除到不少好东西的。
相关文章
这篇文章主要介绍了JS深度拷贝Object Array,结合实例形式分析了JavaScript深度拷贝的原理,需要的朋友可以参考下2016-03-03
再用织梦建站的时候，常常需要要在列表页添加前两天的文章后面添加个new小图片，那么此功能是怎么实现的呢，下面通过本文给大家详解dedecms为文章添加HOT NEW标志图片，需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了如何利用JavaScript实现arrify转数组，文中的示例代码讲解详细，对我们学习JavaScript有一点的帮助，需要的可以参考一下2023-02-02
本文详细介绍了通过jquery尺寸相关函数实现文字自动横移的方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JS实现的全排列组合算法,简单描述了全排列组合算法的原理并结合实例形式给出了全排列组合算法的具体实现技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JavaScript变量中var,let和const的区别,JavaScript中一共有3种用来声明变量的关键字，分别是var、let和const,文章通过围绕主题展开对三个关键词的详细介绍，需要的朋友可以参考一下2022-09-09
这篇文章主要介绍了JS插入排序简单理解与实现方法,结合实例形式分析了JavaScript插入排序基本原理、实现方法及相关操作注意事项,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能,结合实例形式分析了javascript事件响应及页面元素属性动态操作弹出与关闭遮罩层相关实现技巧,需要的朋友可以参考下2018-07-07
微信内置浏览器屏蔽了下载链接,如果用户是用微信内置浏览器打开的,则提示用户换一个浏览器打开页面,那么该如何判断用户是否是用微信浏览器呢?这篇文章主要给大家介绍了关于js代码判断是否处于微信浏览器内的两种方式,需要的朋友可以参考下2023-10-10
在Web开发中,经常需要从URL中提取参数来进行相应的操作,本文将深度解析在JavaScript中获取URL参数的几种方法,并附带一些扩展与高级技巧,希望对你有所帮助2024-09-09
最新评论