javascript使用switch case實現(xiàn)動態(tài)改變超級鏈接文字及地址
更新時間:2014年12月16日 11:41:34 投稿:hebedich
這篇文章主要介紹了javascript使用switch case實現(xiàn)動態(tài)改變超級鏈接文字及地址,需要的朋友可以參考下
代碼很簡單,我這里就不多廢話了,小伙伴們直接看源碼吧。
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>動態(tài)改變超級鏈接文字及地址</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=" //shownetbank1.innerHTML=" document.links[0].href=values;
shownetbank1.innerHTML=values+"("+texts+")";
break;
case 2:
//document.links[0].href=" //shownetbank1.innerHTML=" 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=" <option value=" <option value=" </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>
是不是超級簡單實用呢。。。經(jīng)常看看比較大的站,還是可以解除到不少好東西的。
相關(guān)文章
詳解JavaScript中的強制類型轉(zhuǎn)換和自動類型轉(zhuǎn)換
這篇文章中我們將深入探索一下 JavaScript 中的類型轉(zhuǎn)換,揭示強制類型轉(zhuǎn)換、自動類型轉(zhuǎn)換和轉(zhuǎn)換函數(shù)的奧秘,快跟隨小編一起學(xué)習(xí)一下吧2023-12-12學(xué)習(xí)JavaScript設(shè)計模式之策略模式
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的策略模式,對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下2016-01-01谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法
這篇文章給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法,解決辦法非常好,感興趣的朋友可以參考下2016-02-02移動端使用localStorage緩存Js和css文的方法(web開發(fā))
這篇文章主要介紹了web移動端使用localStorage緩存Js和css文的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09動態(tài)生成的IFRAME,設(shè)置SRC時的,不同位置帶來的影響
動態(tài)生成的IFRAME,設(shè)置SRC時的,不同位置帶來的影響。 以下所說的是在IE7下運行的。IE6下也是同樣。 在這個blog中,直接點擊運行代碼,和把下面代碼保存到為網(wǎng)頁在運行(以本地文件或域名訪問),效果不一樣。2008-03-03JS/HTML5游戲常用算法之碰撞檢測 像素檢測算法實例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 像素檢測算法,結(jié)合實例形式詳細(xì)分析了javascript像素檢測碰撞算法的原理、實現(xiàn)步驟及相關(guān)操作技巧,需要的朋友可以參考下2018-12-12