javascript使用switch case實(shí)現(xiàn)動態(tài)改變超級鏈接文字及地址
代碼很簡單,我這里就不多廢話了,小伙伴們直接看源碼吧。
<!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>
是不是超級簡單實(shí)用呢。。。經(jīng)常看看比較大的站,還是可以解除到不少好東西的。
- javascript中if和switch,==和===詳解
- JavaScript中switch語句的用法詳解
- javascript的switch用法注意事項(xiàng)分析
- Javascript基礎(chǔ)教程之switch語句
- JavaScript中switch判斷容易犯錯的一個細(xì)節(jié)
- js中switch case循環(huán)實(shí)例代碼
- JS性能優(yōu)化實(shí)現(xiàn)方法及優(yōu)點(diǎn)進(jìn)行
- js 函數(shù)性能比較方法
- 實(shí)現(xiàn)高性能javascript的注意事項(xiàng)
- 你可能不需要在JavaScript使用switch語句
相關(guān)文章
詳解JavaScript中的強(qiáng)制類型轉(zhuǎn)換和自動類型轉(zhuǎn)換
這篇文章中我們將深入探索一下 JavaScript 中的類型轉(zhuǎn)換,揭示強(qiáng)制類型轉(zhuǎn)換、自動類型轉(zhuǎn)換和轉(zhuǎn)換函數(shù)的奧秘,快跟隨小編一起學(xué)習(xí)一下吧2023-12-12學(xué)習(xí)JavaScript設(shè)計(jì)模式之策略模式
這篇文章主要為大家介紹了JavaScript設(shè)計(jì)模式中的策略模式,對JavaScript設(shè)計(jì)模式感興趣的小伙伴們可以參考一下2016-01-01JavaScript函數(shù)綁定用法實(shí)例分析
這篇文章主要介紹了JavaScript函數(shù)綁定用法,結(jié)合實(shí)例形式分析了javascript函數(shù)綁定的原理、實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2017-11-11JavaScript設(shè)計(jì)模式之代理模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之代理模式,簡單描述了代理模式的概念、原理并結(jié)合實(shí)例形式分析了javascript代理模式的相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2019-01-01谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法
這篇文章給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法,解決辦法非常好,感興趣的朋友可以參考下2016-02-02移動端使用localStorage緩存Js和css文的方法(web開發(fā))
這篇文章主要介紹了web移動端使用localStorage緩存Js和css文的方法,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09動態(tài)生成的IFRAME,設(shè)置SRC時的,不同位置帶來的影響
動態(tài)生成的IFRAME,設(shè)置SRC時的,不同位置帶來的影響。 以下所說的是在IE7下運(yùn)行的。IE6下也是同樣。 在這個blog中,直接點(diǎn)擊運(yùn)行代碼,和把下面代碼保存到為網(wǎng)頁在運(yùn)行(以本地文件或域名訪問),效果不一樣。2008-03-03JS/HTML5游戲常用算法之碰撞檢測 像素檢測算法實(shí)例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 像素檢測算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript像素檢測碰撞算法的原理、實(shí)現(xiàn)步驟及相關(guān)操作技巧,需要的朋友可以參考下2018-12-12