O código é muito simples, não vou falar muito absurdo aqui. Amigos, leia o código -fonte diretamente.
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd html 4.01 transitório // pt" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<title> Mudança dinâmica de texto e endereço do hiperlink </ititle>
<link href = "css/css.css" rel = "Stylesheet" type = "text/css">
<script type = "text/javascript" idioma = "javascript">
função netbankusername ()
{
valores = form.bankname.options [form.BankName.SelectedIndex] .Value;
textos = form.bankname.options [form.bankname.selectedIndex] .text;
Switch (form.bankname.seletedIndex)
{
Caso 1:
//document.links[0 ].href="http://www.cmbchina.com/ ";
//shownetbank1.innerhtml="http://www.cmbchina.com/ banco de comerciantes da China) ";
document.links [0] .href = valores;
mostradoTetBank1.innerhtml = valores+"("+textos+")";
quebrar;
Caso 2:
//document.links[0 ].href="http://www.cib.com.cn/netbank/netbank.portal ";
//shownetbank1.innerhtml="http://www.cib.com.cn/netbank/netbank.portal bank industrial) ";
document.links [0] .href = valores;
mostradoTetBank1.innerhtml = valores+"("+textos+")";
quebrar;
padrão:
alert (form.BankName.SelectedIndex);
quebrar;
}
}
</script>
</head>
<Body>
<form action = "cardinfo_action.asp? Action = insert" method = "post" name = "form" id = "forma">>>
<tabela>
<tr>
<Td> Por favor, selecione </td>
<Td>
<select name = "Bankname" onchange = "netBankUserName ()" id = "Bankname">
<opção value = ""> selecione </pption>
<opção value = "http://www.cmbchina.com/"> China Merchants Bank </pption>
<opção value = "http://www.cib.com.cn/netbank/netbank.portal"> Banco da indústria </pption>
<opção value = "http://www.baidu.com"> Outros </pption>
</leclect> </td>
</tabela>
</morm>
<div style = "borda: 1px sólido #ccc; margem: 1px; largura: 600px; altura: 20px;"> <a href = " #" target = "_ blank" id = "mostroutBank1" name = "mostroutBank1"> nenhum banco selecionado </a> </div>
</body>
</html>
Não é super simples e prático? . . Se você costuma olhar para sites maiores, ainda poderá obter muitas coisas boas.