JavaScript は switch case を使用してハイパーリンクテキストと address_javascript スキルを動的に変更します-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript は switch case を使用してハイパーリンクテキストと address_javascript スキルを動的に変更します

May 16, 2016 pm 04:26 PM

case javascript switch

コードは非常に単純です。ここではあまりナンセンスには立ち入りません。皆さん、ソースコードを見てください。

コードをコピーしますコードは次のとおりです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<頭>
<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">
関数 netbankusername()
{
値=form.bankname.options[form.bankname.selectedIndex].value;
texts=form.bankname.options[form.bankname.selectedIndex].text;
スイッチ (form.bankname.selectedIndex)
{
ケース 1:
//document.links[0].href="http://www.cmbcina.com/";
//shownetbank1.innerHTML="http://www.cmbcina.com/(招商銀行)";
document.links[0].href=values;
Showetbank1.innerHTML=values"(" texts ")";
休憩;
ケース 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;
Showetbank1.innerHTML=values"(" texts ")";
休憩;
デフォルト:
アラート(form.bankname.selectedIndex);
休憩;
}
}
</script>
</head>

<form action="cardinfo_action.asp?action=insert" method="post" name="form" id="form">
<テーブル幅="200" ボーダー="0">
<td>選択してください</td>
<td>
<select name="銀行名" onChange="netbankusername()" id="銀行名">
<option value="">選択してください</option>
<option value="
http://www.cmbcina.com/">招商銀行</option> <option value="
http://www.cib.com.cn/netbank/netbank.portal ">産業銀行</option> <option value="
http://www.baidu.com ">その他</option> </select></td>
</テーブル>
</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>

とてもシンプルで実用的だと思いませんか? 。。大きなウェブサイトを頻繁に見ると、まだ良いものがたくさん見つかります。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。