Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Opcja formularza select + zdarzenie po wybraniu...
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mxm
Ponieważ od niedawna pisze sobie w php zainteresowala mnie pewna wlasciwosc formularza. Otoz chcialbym po wybraniu opcji z pola rozwijanego, wykonywala sie operacja zmiany obrazka na tej samej stronie np. obok przycisku. Szukalem troche na necie ale tam jest to super skomplikowane i za nic nie rozumiem jak to zrobic. Ustalilem jednak ze musi to byc javascript tongue.gif

Moj problem wyglada tak:
Kod
<select size="1" name="narodowosc">
   <option selected value="brak">wybierz...</option>
   <option value="europa">Europa</option>
   <option value="finlandia">Finlandia</option>
   <option value="holandia">Holandia</option>
   <option value="malta">Malta</option>
   <option value="niemcy">Niemcy</option>
   <option value="polska">Polska</option>
   <option value="wegry">Węgry</option>
   <option value="wlochy">Włochy</option>
   </select>
<img border="0" name="flaga" src="gfx/flagi/brak.gif" width="18" height="12">


Chce aby po wybraniu konketnej opcji (zdarzenie "OnChange") zmieniala sie flaga obok okna z wyborem. Obrazki flag znajduja sie w katalogu "gfx/flagi/" w formacie GIF, a nazwy plikow sa takie same jak wartosci "value" (wartosci te sa potem wysylane do skryptu php poprzez $_POST['wartosc'] ).

Jaki moglby byc najprostrzy skrypt?? Jesli macie linki lub znacie rozwiazanie bylbym bardzo wdzieczny smile.gif
gulldarek
  1. <script type="text/javascript">
  2. function update(value)
  3. {
  4. if ( !document.getElementById )
  5. {
  6. return false;
  7. }
  8.  
  9. document.getElementById('flaga').src = 'gfx/flagi/' + value + '.gif';
  10.  
  11. return true;
  12. }
  13.  
  14. <select size="1" name="narodowosc" onchange="update(this.value)">
  15. <option selected value="brak">wybierz...</option>
  16. <option value="europa">Europa</option>
  17. <option value="finlandia">Finlandia</option>
  18. <option value="holandia">Holandia</option>
  19. <option value="malta">Malta</option>
  20. <option value="niemcy">Niemcy</option>
  21. <option value="polska">Polska</option>
  22. <option value="wegry">Węgry</option>
  23. <option value="wlochy">Włochy</option>
  24.  
  25. <img border="0" id="flaga" src="gfx/flagi/brak.gif" width="18" height="12">
mxm
Dzieki smile.gif Wlasnie nie wiedzialem jak sie wyszukuje wg Value smile.gif

Znalazlem tez inne ktorki rozwiazanie ktore dziala:
Kod
function zmianaflagi(){
  var fname =  "gfx/flagi/" + document.formularz.narodowosc.options[document.formularz.narodowosc.selectedIndex].value + ".gif";
  document.flaga.src = fname
}


Troche pod góre ale tez dziala tongue.gif Chyba jednek skorzystam z twojej funkcji z przekazywaniem zmiennej smile.gif
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.