[JavaScript][PHP]Ukrywanie i pokazywanie części kodu za pomocą select Opcje

[mich123]

Na wstepie zaznaczę, że nie znam się ani na php ani java script, większość tego co udało mi się już zrealizować znalazłem w sieci i poprzerabiałem do swoich potrzeb, jednakże jest problem z którym nie mogę sobie poradzić.
Otóż, mam listę wyboru:

[HTML] pobierz, plaintext 
<select name="ILE">
<option>NIC</option>
<option>Blok pierwszy i drugi</option>
<option>Blok pierwszy, drugi i trzeci</option>
<option>Blok pierwszy, drugi, trzeci i czwarty</option>
[HTML] pobierz, plaintext 

Być może takich bloków musiałbym zbudować kilka. Po wybraniu odpowiedniej opcji pokazują się wskazane bloki.

Bloki mogą być zawarte w DIV, np:

[HTML] pobierz, plaintext 
<div id="blok1" style="DISPLAY: none">.....jakiś kod, tabele itp</div>
<div id="blok2" style="DISPLAY: none">.....jakiś kod, tabele itp</div>
<div id="blok3" style="DISPLAY: none">.....jakiś kod, tabele itp</div>
<div id="blok4" style="DISPLAY: none">.....jakiś kod, tabele itp</div>
[HTML] pobierz, plaintext 

Wszystko to jest częścią większego formularza, i w tych blokach również będą nasęepne rozbudowane części, z którymi już sobie poradziłem.

Proszę o pomoc w tej sprawie.



EDIT:

Podobny problem miałem z przyciskami radio i pokazywaniem/ukrywaniem wybranego fragmentu kodu i robiłem to tak:

[HTML] pobierz, plaintext 
<INPUT TYPE="radio" NAME="pyt" VALUE="tak" onClick="document.getElementById('ukryty1').style.display='block';" />tak
<INPUT TYPE="radio" NAME="pyt" VALUE="nie" onClick="document.getElementById('ukryty1').style.display='none';" />nie
 
<div id="ukryty1" style="DISPLAY: none">
jakiskod
</div>
[HTML] pobierz, plaintext 

Chciałem to zrobic podobnie, jednakże nie wiem jak (IMG:style_emoticons/default/smile.gif)


EDIT 2
<hr>
Gdybym chciał to zrobic za pomoca przycisków radio wyglądało by to tak:

[HTML] pobierz, plaintext 
ILE?
<INPUT TYPE="radio" NAME="czy" VALUE="nic" onClick="document.getElementById('blok1').style.display='none', 
document.getElementById('blok2').style.display='none', document.getElementById('blok3').style.display='none', 
document.getElementById('blok4').style.display='none';" />NIC
 
 
<INPUT TYPE="radio" NAME="czy" VALUE="12"  onClick="document.getElementById('blok1').style.display='block', 
document.getElementById('blok2').style.display='block', document.getElementById('blok3').style.display='none', 
document.getElementById('blok4').style.display='none';" />Blok pierwszy i drugi
 
 
<INPUT TYPE="radio" NAME="czy" VALUE="123"  onClick="document.getElementById('blok1').style.display='block', 
document.getElementById('blok2').style.display='block', document.getElementById('blok3').style.display='block', 
document.getElementById('blok4').style.display='none';" />Blok pierwszy, drugi i trzeci
 
<INPUT TYPE="radio" NAME="czy" VALUE="123"  onClick="document.getElementById('blok1').style.display='block', 
document.getElementById('blok2').style.display='block', document.getElementById('blok3').style.display='block', 
document.getElementById('blok4').style.display='block';" />Blok pierwszy, drugi, trzeci i czwarty
 
 
    <div id="blok1" style="DISPLAY: none">1.....jakiś kod, tabele itp</div>
    <div id="blok2" style="DISPLAY: none">2.....jakiś kod, tabele itp</div>
    <div id="blok3" style="DISPLAY: none">3.....jakiś kod, tabele itp</div>
    <div id="blok4" style="DISPLAY: none">4.....jakiś kod, tabele itp</div>
[HTML] pobierz, plaintext 

ktoś wie? nie moge ruszyć dalej bez rozwiązania tego problemu

Ten post edytował mich123 22.01.2012, 17:10:26