Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pobieranie danych z pola select i wyświetlanie odpowiednich danych na podstawie wyboru
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ulgroup
Witam. Dopiero zaczynam swoją przygodę z javascript, dlatego proszę o cierpliwość.

Chciałbym napisać skrypt, który na podstawie wyboru z pola select wyświetlał mi odpowiednie dane. Wpisałem taki kod jak poniżej:

Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script language="javascript">

function wyswietl(){
    var text=document.GetElementById('wartosc').value;
    var new_text="Wybrales " + text;
    document.getElementById('wynik').innerHTML=new_text;
    }
  </script>
  </head>
  <body>
  
     <div id="targetDiv">
<select onchange="wyswietl()" id="wartosc" name="wartosc">
<option name='1'>1</option>
<option name='2'>2</option>
<option name='3' value="3" >3</option>
</select>    
     </div> <div id="wynik"></div>
  </body>
</html>


Jednak przeglądarka sygnalizuje błąd, a skrypt nie wyświetla danych, którymi jestem zainteresowany.
Kod który napisałem rozumiem w ten sposób: gdy zmienimy wartość pola select, to uruchomi on funkcję wyswietl();
Funkcja zapisuje do zmiennej text wartość wybranego pola z selecta (2 lub 3).
Następnie tworzona jest funkcja o nazwie new_text która łączy słowo Wybrales z wartością.
Następna linia skryptu ma za zadanie wypisać wartość zmiennej new_text w divie, który ma id="wynik".

Czy ktoś może mi wytłumaczyć, gdzie jest błąd i dlaczego nie działa to w taki sposób?
Nie chodzi mi o gotowy kod, tylko raczej o zrozumienie tego problemu.
Pozdrawiam
toffiak
Literówka getElementById zamiast GetElementById javascript rozróżnia wielkość znaków.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.