Kako sakriti i prikazati neki element pomocu select liste?

<script>
$(document).ready(function(){
  $("#show_form1").click(function(){
    $("#form2").hide();
  });
   $("#show_form1").click(function(){
    $("#form1").show();
  });
});
</script>

<script>
$(document).ready(function(){
  $("#show_form2").click(function(){
    $("#form1").hide();
  });
   $("#show_form2").click(function(){
    $("#form2").show();
  });
});
</script>

Ovako mogu da stavim recimo

<span id="show_form1">Prikazi formu 1</span>
<span id="show_form2">Prikazi formu 2</span>

I da klikom na prvi span izbacujem prvu formu a sakrivam drugu a klikom na drugi span izbacujem drugu formu a sakrivam prvu.
E sad kako bih to mogao da stavim u select a da ima istu funkciju?

Evo primjera, pitaj ako nije jasno
http://jsfiddle.net/OriginalEXE/4whk5/

1 Like

Hvala puno,to je to.Samo sam se malo mucio,nisam znao da js mora biti ispod HTML koda.Prvo sam stavio iznad i nije htelo da radi ali sad je sve OK. Hvala puno jos jednom na pomoci.