Autor Zpráva
dorm
Profil *
Potřeboval bych poradit jednu věcičku s elektronickým formulářem.
Mám zde rozevírací seznam kde mám 3 položky. Potřeboval bych, aby když si uživatel vybere nějakou položku, tak se mu pod formulářem něco zobrazilo. Např, zvolí-li v rozevíracím seznamu možnost "Platba na účet", tak aby se mu pod tim objevilo číslo účtu a instrukce jak zaplatit (potřebuju aby se to tam zobrazilo hned po vybraní něčeho z toho seznamu.
Nevíte jak na to?
Děkuji.
habendorf
Profil
Jedině asi JS.
dorm
Profil *
no, ale jak?
habendorf
Profil
No to jde různě. Mužeš třeba pod tím formulářem mít všechny tři možnosti s display:none a (zjednodušeně) if value=="Platba na účet", tak příslušnou možnost zviditelnit.
dorm
Profil *
A to se dělá jak? Sem ouplná lama.
Yuhů
Profil
ono je to docela komplikovaný. Už asi tři roky se na to chystám napsat návod, ale raději jsem se do toho vůbec nepustil.
habendorf
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
div {display:none; margin-top:100px}
</style>
<script type="text/javascript">
function vypis(volba)
{
for (i=0; i <= 3; i++)
{
document.getElementById('volba'+i).style.display='none'; /* čistič, aby se nám nekupily výsledky pod sebe*/
}
document.getElementById(volba).style.display='block';
}
</script>
</head>
<body>
<form>
<select name="platba" size="1" onchange="vypis(this.options.value);">
<option value="volba0">Vyberte si
<option value="volba1">Hotově
<option value="volba2">Výměnný obchod
<option value="volba3">Převodem
</select>
</form>
<div id="volba0"></div>
<div id="volba1">Nasypte peníze do nůše a přineste nám je.</div>
<div id="volba2">Přineste nám metr piv a pět bublifuků</div>
<div id="volba3">Poukažte na konto č. 123456789/0007</div>
</body>
</html>


Třeba. Taky by to šlo přes innerHTML (radši nebrat). A určitě i jinak.
habendorf
Profil
A nebo trochu lépe: vše zůstane stejné, jen vyměň ten skript za:
<script type="text/javascript">

var posledni = "volba0";
function vypis(volba)
{
document.getElementById(posledni).style.display='none';
document.getElementById(volba).style.display='block';
posledni = volba;
}
</script>
Anonymní
Profil *
Dobrýýýýýý!!!!!
Toto téma je uzamčeno. Odpověď nelze zaslat.

0