Autor | Zpráva | ||
---|---|---|---|
BuGeR Profil |
#1 · Zasláno: 19. 3. 2010, 21:08:36 · Upravil/a: BuGeR
Dobrý večer všem:).
Prosím nevíte někdo o nějakém scriptu, který když vyberu nějakou hodnotu ze selectu tak vyskočí nějaký text, bez toho aniž bych dal submit. Mam na mysli to, že mam <select><option value='1'>1</option>(atd..)</select> tak že když vyberu třeba 1 tak nad selectem se po té zobrazí text "Zvolili jste 1ku". Děkuji:). S pozdravem BuGeR. // Našel jsem <select onchange='vypis()'> Tohle sice funguje, ale jakoby můžu udělat jen 1, chtěl bych že když vyberu třeba option value='2' tak aby to bylo např. vypis(2), teda pokud vás nenapadá jinačí řešení :) |
||
Beavis Profil |
#2 · Zasláno: 19. 3. 2010, 21:27:03
BuGeR:
„<select onchange='vypis()'>“ A do fce vypis() si přidáš text - třeba "Zvolili jste číslo:", +value z option. |
||
Herm Profil |
#3 · Zasláno: 19. 3. 2010, 21:27:24
<div id="change"></div> <select onchange="document.getElementById('change').innerHTML = 'Vybráli jste číslo ' + this.options[this.selectedIndex].value;"> <option>1</option> <option>2</option> <option>3</option> </select> |
||
BuGeR Profil |
#4 · Zasláno: 19. 3. 2010, 21:43:56
Děkuji moc. Trochu jsem si ten script upravil :
<script> function vypis(id) { if(id==1) { document.write("jedna"); } else if(id==2) { document.write("dva"); } } </script> <select onchange="vypis(this.options[this.selectedIndex].value);"> <option>1</option> <option>2</option> </select> Ale nastanou 2 problémy - Select zmizí a naskočí "jedna" (popř. dva).. a navíc stránka se jakoby pořád načíta.. Mohli by jste mi pomoct?:) |
||
Herm Profil |
#5 · Zasláno: 19. 3. 2010, 21:56:40
BuGeR:
document.write nemužeš použit, to nepracuje dynamicky (myslim).. musíš použít innerHTML, takže si musíš někde vytvořit prázdné tagy <span id="change"></span> nebo <div id="change"></div> a potom tomu dynamicky nahodit to číslo document.getElementById("change").innerHTML = "tvoje číslo"; |
||
BuGeR Profil |
#6 · Zasláno: 19. 3. 2010, 22:02:30
Už jsem to vyřešil, děkuji :)
<script type='text/javascript'> function vyskoc(value) { for(var i=1; i<4; i++) { var element; obj=document.getElementById('id' + i); obj.style.display="none"; } if(value != '-') { obj=document.getElementById('id' + value); obj.style.display="block"; }} </script> <div id="id1" style="display: none;">1</div> <div id="id2" style="display: none;">2</div> <div id="id3" style="display: none;">3</div> <form action="" method="post"> <select name="typ" onChange="vyskoc(this.form.typ.options[this.form.typ.selectedIndex].value);"> <option value='-'>-</option> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select> |
||
Herm Profil |
#7 · Zasláno: 19. 3. 2010, 22:20:32 · Upravil/a: Herm
BuGeR:
jen nechapu proč to maš tak složitě udělané, když stačil jeden DIV a tam měnit 1,2,3 už jsem ti to psal tak prve <script type='text/javascript'> function vyskoc(value) { document.getElementById("id1").innerHTML = value; } </script> <div id="id1"></div> <select name="typ" onChange="vyskoc(this.form.typ.options[this.form.typ.selectedIndex].value);"> <option value='-'>-</option> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select> |
||
Časová prodleva: 14 let
|
0