javascript使用switch case实现动态改变超级链接文字及地址


Posted in Javascript onDecember 16, 2014

代码很简单,我这里就不多废话了,小伙伴们直接看源码吧。

<!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 相关文章推荐
更正确的asp冒泡排序
May 24 Javascript
jquery 双色表格实现代码
Dec 08 Javascript
jquery插件之easing 动态菜单
Aug 21 Javascript
ASP中Sub和Function的区别说明
Aug 30 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
Mar 21 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
浅谈Javascript变量作用域问题
Dec 16 #Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 #Javascript
javascript arguments使用示例
Dec 16 #Javascript
javascript实现日期格式转换
Dec 16 #Javascript
javascript实现禁止复制网页内容
Dec 16 #Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 #Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 #Javascript
You might like
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
十天学会php之第九天
2006/10/09 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
canvas里面如何基于随机点绘制一个多边形的方法
2018/06/13 HTML / CSS
天美时手表加拿大官网:Timex加拿大
2016/09/01 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
学生档案自我鉴定
2013/10/07 职场文书
户籍证明的格式
2014/01/13 职场文书
清明节扫墓活动方案
2014/03/02 职场文书
寄语是什么意思
2014/04/10 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
争先创优公开承诺书
2014/08/30 职场文书
异地恋情人节寄语
2015/02/28 职场文书
建立共青团委员会的请示
2019/04/02 职场文书
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android