Witam, mam pytanie/problem ( niewiedza)

Otóż jak zrobić że :
Mam listę rozwijaną i po wybraniu z tej listy jakiejść opcji wyświetla się automatycznie tekst przypisany do tej opcji

Np wybieram z listy rozwijanej "Wiek"
a pod tą listą ukazuję się : twój wiek to 99lat .

Proszę o pomoc . gdyż nie wiem jak to zrobić a bardzo mi na tym zależy

[HTML] pobierz, plaintext 
<form action="" method="post">
 <select name="age" onchange="editContent(this.options[this.selectedIndex].value); return false;">
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
 </select>
</form>
<div id="content"></div>
<script type="text/javascript">
<!--
 function editContent(age) {
  document.getElementById("content").innerHTML = "Twój wiek to " + age + "rok/lat";
 }
-->
</script>
[HTML] pobierz, plaintext 

kilka przykladow

Ok , a jak zrobić że po wybraniu Np z tej listy rozwijanej "2" wyświetla się formularz z datą udodzenia dniem i miejscem urodzenia ?

?

?

[HTML] pobierz, plaintext 
    <style> #content{display:none;}</style>
    <form action="" method="post">
    <select name="age" onchange="editContent(this.options[this.selectedIndex].value); return false;">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select>
    </form>
    <div id="content">
		<form>
			<label for="data">data: </label>
			<input type="text" name="data"></input>
			<label for="dzien">dzien: </label>
			<input type="text" name="dzien"></input>
			<label for="miejsce">miejsce: </label>
			<input type="text" name="miejsce"></input>
		</form>
    </div>
 
    <script type="text/javascript">
 
    function editContent(age) {
    //document.getElementById("content").innerHTML = "Twój wiek to " + age + "rok/lat";
    document.getElementById("content").style.display = 'block';
    }
    </script>
[HTML] pobierz, plaintext 

@up +pomógł .
Next pytanie

jak zrobić żeby dla każdego był inny formularz . ? ( tzn. inny formularz dla każdej opcji wybranej z listy rozwijanej)

?

Powielić kod js dodac jedną zmienną inny kod html i gotowe.

A tak po naszemu? bo jakbyś nie zauważył to jesteśmy w dziale przedszkole

No właśnie Przedszkole, a nie gotowe rozwiązania

Proszę o pomoc , gdyż sam nie umiem. nie potrzebujemy tutaj nabijania postów które nic nie wnoszą do tego tematu

?

Zgadzam się, zatem albo wykaż się inicjatywą i pokaż co już w tej kwestii zrobiłeś, albo daj znać że temat powinien wylądować w innym dziale z tagiem [wolontariat]. Przedszkole to nie fabryka gotowców, jak już to zostało zauważone.

@up.
Jedyne co narazie umiem to włączyć formularz po wybraniu jakielkolwiek opcji z menu, nie mam zielonego pojęcia jak zrobić żeby dla każdej opcji był inny formularz.
może jakaś wskazówka ?

?

Wskazówka nr:
1. Naucz się podstaw html i php
2. Czytaj co inny ci piszą.
3. Wykaż się chociaż odrobiną inicjatywy.

@up
Czy ja pytam o PHP ? chodzi mi o czysty HTML ... a z tego co narazie rozumiem to jeszcze JavaScript Dochodzi ...

Zamiast biadolić, że nie umiesz lepiej zakasaj rękawy i próbuj. Jeśli nie będzie Ci działało to wróć, wklej swój kod i napisz co nie działa/z czym masz problem. Dalsza bierna postawa zakończy się prawdopodobnie pstryczkiem w nosek w postaci zamknięcia tematu.

Dobra ... zamiast napisać, podać kod, popatrzył bym na kod i bym zrozumiał a teraz ja mam się z tym "męczyć" pewnie i tak nie zrobię...

@up .
zaskakujesz mnie ...
Dobra , widać że się nie doproszę . Spróboje coś wykminić i wkleje tutaj

Takie coś wymyśiłem i jak większość z was pewnie domyśla się że na 100% nie działa

[PHP] pobierz, plaintext 
 <style> #content{display:none;}</style>
 <style> #content1{display:none;}</style>
    <form action="" method="post">
    <select>
    <option name="formularz1"  value="1" selected="selected" onchange="editContent(this.options[this.selectedIndex].value); return false;">1</option>
    <option name="formularz2"  value="2" onchange="editContent(this.options[this.selectedIndex].value); return false;">2</option>
    </select>
    </form>
    <div id="content">
		<form>
			<label for="data">data: </label>
			<input type="text" name="data"></input>
			<label for="dzien">dzien: </label>
			<input type="text" name="dzien"></input>
			<label for="miejsce">miejsce: </label>
			<input type="text" name="miejsce"></input>
		</form>
    </div>
		<div id="content1">
		<form>
			<label for="data">data324234: </label>
			<input type="text" name="data"></input>
			<label for="dzien">dzien234234: </label>
			<input type="text" name="dzien"></input>
			<label for="miejsce">miejsce234234: </label>
			<input type="text" name="miejsce"></input>
		</form>
    </div>
 
    <script type="text/javascript">
 
    function editContent(formularz1) {
    //document.getElementById("content").innerHTML = "Forumlarz 1";
    document.getElementById("content").style.display = 'block';
    }
		function editContent(formularz2) {
    //document.getElementById("content1").innerHTML = "Formularz 2";
    document.getElementById("content1").style.display = 'block';
    }
    </script>
[PHP] pobierz, plaintext 

No i co tutaj jest źle ?

nazwij odpowiednio divy - content1, content2 itd...

[HTML] pobierz, plaintext 
<select>
<option name="formularz1" value="1" selected="selected" onchange="editContent(this.options[this.selectedIndex].value); return false;">1</option>
<option name="formularz2" value="2" onchange="editContent(this.options[this.selectedIndex].value); return false;">2</option>
</select>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
function editContent(val) {
document.getElementById("content"+val).style.display = 'block';
}
[HTML] pobierz, plaintext 

...
tylko jeszcze musisz sie zastanowic nad ukrywaniem divow przy zmianie wyboru z listy.

robiłem tak jak @up , i dalej nic .
ma ktoś inny pomsył

Niestety kolega luckyps napisał zły kod, dlatego może on nie działać. Powinno być:

[HTML] pobierz, plaintext 
<select name="formularz" onchange="editContent(this.options[this.selectedIndex].value); return false;">
 <option value="1" selected="selected">1</option>
 <option value="2">2</option>
</select>
<div id="content1">formularz 1</div>
<div id="content2">formularz 2</div>
[HTML] pobierz, plaintext 

CSS:

[CSS] pobierz, plaintext 
#content1, #content2 {
 display: none;
}
[CSS] pobierz, plaintext 

java script:

[JAVASCRIPT] pobierz, plaintext 
function editContent(val) {
 document.getElementById("content"+val).style.display = 'block';
}
[JAVASCRIPT] pobierz, plaintext 

okej , działa . mam jeszcze jedną prośbę. Mógłbyś mi zrobić to z tym ukrywaniem jeżeli ktoś wybierze inny forumlarz niż ma teraz .

Tzn
Ma 1 > wybierze 2

żeby formularz 1 zniknoł . dało by rade ?

Wie ktoś?

[JAVASCRIPT] pobierz, plaintext 
function editContent(val) {
 var elementy = document.getElementsByTagName("div");
 for(var i = 0; i < elementy.length; i++) {
  if(elementy[i].id.substr(0, 7) == "content") {
    elementy[i].style.display = "none";
  }
 }
 document.getElementById("content"+val).style.display = 'block';
}
[JAVASCRIPT] pobierz, plaintext 

Chyba jakoś tak lub podobnie.

EDIT
Nie podbijaj tak bezsensownie tematów, wykaż się inicjatywą i poszukaj rozwiązania, albo umieść ofertę w dziale Giełda ofert.

Mogliście podpowiedzieć że trzeba użyć pętli

[PHP] pobierz, plaintext 
For()
[PHP] pobierz, plaintext 

Poza tym nie mam zamiaru płacić za coś co każdy udzielający pomocy na forum to wie.

P.S.
Sprawdzę jak wrócę do domu