Witam serdecznie!

Przygotowuję dla klienta prosty formularz zamawiania produktów i niestety napotkałem pewien problem.

Zasada działania jest taka, że na podstawie wyboru opcji z rozwijanego menu pod spodem pojawia się odpowiedni div z wzorami do umieszczenia na produkcie. Wszystko działa dobrze, divy zmieniają się w zależności od wyboru.

Jednak po odświeżeniu strony (niestety walidator odświeża stronę w razie napotkanego błędu ) pomimo dokonanego wyboru pod spodem pojawia się pierwszy DIV. Niestety nie umiem sobie poradzić.

Poniżej kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function showstuff(value){
    document.getElementById("kubki").style.display = (value == "1,Kubek") ? "block" : "none";
    document.getElementById("poduszki").style.display = (value == "2,Poduszka") ? "block" : "none";
}
</script>
 
<select name="orgSelect" id="changer" name="type" onchange="showstuff(this.value);" class="rodzaj selectbox"  eform="::0::#EVAL return true;">
    <option value="1,Kubek">Foto Kubek</option>
    <option value="2,Poduszka">Foto Poduszka</option>
</select>
 
 
<div id="kubki" style="display:block;">
<ul class="tabs">
    <li><a href="#tab1">Boże Narodzenie</a></li>
    <li><a href="#tab2">Dziecęce</a></li>
</ul>
 
<div class="tab_container">
    <div id="tab1" class="tab_content">
<div class="wzorRow"><input name="wzor" type="radio" value="Bez wzoru" checked="checked" eform="Return Format::1" />Brak wzoru<img src="assets/images/wzory/brak.jpg" width="200" height="84" alt=""/></div>
<div class="wzorRow"><input name="wzor" type="radio" value="BNWZ01" />Wzór 1<a href="assets/images/wzory/boze_narodzenie/LBNWZ01.jpg" rel="lightbox" ><img src="assets/images/wzory/boze_narodzenie/thumbs/BNWZ01.jpg" width="200" height="84" alt="" rel="lightbox" /></a></div>
<div class="wzorRow"><input name="wzor" type="radio" value="BNWZ02" />Wzór 2<a href="assets/images/wzory/boze_narodzenie/LBNWZ02.jpg"><img src="assets/images/wzory/boze_narodzenie/thumbs/BNWZ02.jpg" width="200" height="84" alt=""/></a></div>
<div class="wzorRow"><input name="wzor" type="radio" value="BNWZ03" />Wzór 3<a href="assets/images/wzory/boze_narodzenie/LBNWZ03.jpg"><img src="assets/images/wzory/boze_narodzenie/thumbs/BNWZ03.jpg" width="200" height="84" alt=""/></a></div> ...i tak dalej
    </div><!--tab_content-->
 
    <div id="tab2" class="tab_content">
<div class="wzorRow"><input name="wzor" type="radio" value="Bez wzoru" />Brak wzoru<img src="assets/images/wzory/brak.jpg" width="200" height="84" alt=""/></div>
<div class="wzorRow"><input name="wzor" type="radio" value="DWZ01" />Wzór 1<a href="assets/images/wzory/dziecece/LDWZ01.jpg"><img src="assets/images/wzory/dziecece/thumbs/DWZ01.jpg" width="200" height="84" alt="" /></a></div>
...i tak dalej
    </div><!--tab_content-->
</div><!--tab_container--> 
</div><!--kubki-->
 
<div id="poduszki" style="display:none;">
<ul class="tabs">
    <li><a href="#tab10">Poduszki raz</a></li>
    <li><a href="#tab20">Poduszki dwa</a></li>
</ul>
 
<div class="tab_container">
    <div id="tab10" class="tab_content">
<div class="wzorRow"><input name="wzor" type="radio" value="Bez wzoru" checked="checked" eform="Return Format::1" />Brak wzoru<img src="assets/images/wzory/brak.jpg" width="200" height="84" alt=""/></div>
    </div><!--tab_content-->
 
    <div id="tab20" class="tab_content">
<div class="wzorRow"><input name="wzor" type="radio" value="Bez wzoru" />Brak wzoru<img src="assets/images/wzory/brak.jpg" width="200" height="84" alt=""/></div>
<div class="wzorRow"><input name="wzor" type="radio" value="DWZ01" />Wzór 1<a href="assets/images/wzory/dziecece/LDWZ01.jpg"><img src="assets/images/wzory/dziecece/thumbs/DWZ01.jpg" width="200" height="84" alt="" /></a></div>
    </div><!--tab_content-->
 
</div><!--tab_container--> 
</div><!--poduszki-->
[HTML] pobierz, plaintext 

Czy ktoś wie co należy uczynić, żeby po odświeżeniu wartości zostały zachowanie?

Mam nadzieję, że opisałem temat jasno.

Z góry dzięki za wszelkie sugestie
Pozdrawiam
Krzysiek

Czekam na PW z poprawną nazwą tematu.

Jeżeli nie korzystasz z żadnej biblioteki JS to polecam poczytać ogólnie o Cookie's w JS

http://www.quirksmode.org/js/cookies.html

to powinno stworzyć efekt o który Ci chodzi
po odświeżeniu ukryj sobie zależnie od tego co dasz w ciasteczko odpowiedni div i tyle
co do ukrywania to możesz zrobić to z poziomu js ew chyba wygodniej z php o ile z niego korzystasz