javascript使用switch case实现动态改变超级链接文字及地址
2014-12-16 11:41
696 查看
代码很简单,我这里就不多废话了,小伙伴们直接看源码吧。
复制代码 代码如下:<!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>
是不是超级简单实用呢。。。经常看看比较大的站,还是可以解除到不少好东西的。
您可能感兴趣的文章:
相关文章推荐
- javascript使用switch case实现动态改变超级链接文字及地址
- 使用JavaScript实现动态改变控件大小
- 使用JAVASCRIPT实现动态增加、删除选择项
- 在GridView中使用邮件地址的超级链接
- 使用动态JavaScript实现多级菜单联动时不刷新页面的方法
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用js实现文字颜色不停变化的链接
- javascript实现的动态文字变换
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- 使用Javascript实现点击链接后,隐藏该链接
- 使用javascript的substr实现文字跑马灯
- 使用JavaScript动态设置样式实现代码(2)
- (JavaScript)实现在客户端动态改变Treeview节点的选中状态
- 使用javascript DOM实现动态实现删除表格
- 3.8 使用JavaScript动态改变选项
- 使用Arraylist实现动态加载改变string【】
- 使用javascript的substr实现文字跑马灯
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- 用Javascript隐藏超级链接的真实地址
- JavaScript 实现切换图片并且实现了链接随着图片的改变而改变