Opcja formularza select + zdarzenie po wybraniu..., Nigdzie nie ma jasnego wytlumaczenia :) Opcje

[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

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

Ten post edytował mxm 4.12.2005, 15:16:36

[gulldarek]

[HTML] pobierz, plaintext 
<script type="text/javascript">
function update(value)
{
  if ( !document.getElementById )
  {
    return false;
  }
 
  document.getElementById('flaga').src = 'gfx/flagi/' + value + '.gif';
 
  return true;
}
</script>
 
<select size="1" name="narodowosc" onchange="update(this.value)">
   <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" id="flaga" src="gfx/flagi/brak.gif" width="18" height="12">
[HTML] pobierz, plaintext 

[mxm]

Dzieki Wlasnie nie wiedzialem jak sie wyszukuje wg Value

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 Chyba jednek skorzystam z twojej funkcji z przekazywaniem zmiennej