[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

[bzeebzee]

[HTML] pobierz, plaintext 
<select id="select_div">
    <option value="1">Div 1</option>
    <option value="2">Div 2</option>
    <option value="3">Div 3</option>
</div>
 
<div id="1">Treść</div>
<div id="2">Treść</div>
<div id="3">Treść</div>
[HTML] pobierz, plaintext 

Tak się to prezentuje z poziomu html. Teraz wystarczy dodać bibliotekę jQuery oraz napisać kilka linijek kodu.

[HTML] pobierz, plaintext 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
$(document).ready(function() {
    var aDiv = 1;
    $('#select_div').change(function() {
        $('div#'+aDiv).css('display', 'none');
        aDiv = $(this + ' option:selected').attr('value');
        $('div#'+aDiv).css('display', 'block');
    });
});
[HTML] pobierz, plaintext 

Musisz to przetestować, bo pisałem z palucha. Ogólnie uważam, że jQuery jest wygodniejsze niż czyste JS (IMG:style_emoticons/default/smile.gif) . Powodzenia