Forum PHP.pl > [JavaScript]Wyświetlanie obok tego co się wybrało przez SELECT

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Wyświetlanie obok tego co się wybrało przez SELECT

gsmphone

5.01.2010, 22:56:31

Witam,

Nie mogę sobie poradzić z problemem: W liście SELECT mam kilka opcji do wyboru(np: tak, nie, możliwe). Chciałbym żeby po wybraniu jednej z nich wyświetlało wybór obok listy. Wiem że w <SELECT> ma być onchange="getElementById" ale nie wiem co dalej.

Z góry dziękuję za pomoc

darko

5.01.2010, 23:19:11

[HTML] pobierz, plaintext 
<select id="mysel" onchange="document.getElementById('target').innerHTML=document.getElementById(this.id).options[document.getElementById(this.id).selectedIndex].value;">
<option>test1</option>
<option>test2</option>
</select>
 
<div id="target"></div>
[HTML] pobierz, plaintext

gsmphone

5.01.2010, 23:29:15

Dzięki, działa

Cytat(darko @ 5.01.2010, 23:19:11 )

[HTML] pobierz, plaintext 
<select id="mysel" onchange="document.getElementById('target').innerHTML=document.getElementById(this.id).options[document.getElementById(this.id).selectedIndex].value;">
<option>test1</option>
<option>test2</option>
</select>
 
<div id="target"></div>
[HTML] pobierz, plaintext

A da się zrobić tak że jeżeli w OPTION mam zaznaczone selected to przy nowym wejściu na stronę od razu wyświetlona jest wartość z selected?

darko

5.01.2010, 23:31:32

[HTML] pobierz, plaintext 
<body onload="document.getElementById('target').innerHTML=document.getElementById('mysel').options[document.getElementById('mysel').selectedIndex].value;">
[HTML] pobierz, plaintext

gsmphone

5.01.2010, 23:43:32

Dzięki:-)

kamil4u

6.01.2010, 17:28:38

Proponuję użyć tu this.value Zamiast bawić się z tym całym document.getElementById('mysel').options[document.getElementById('mysel').selectedIndex].value;

darko

6.01.2010, 18:15:28

@kamil4u: faktycznie dzięki za poprawienie.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.