Ukrywanie bloku DIV, Ukrywanie po wybraniu opcji na rozwijanej liście Opcje

[anm]

Chciałbym prosić o pomoc w prostym skrypcie. Wybranie jednej z opcji na rozwijanej liście ukrywałoby (lub pokazywało) blok <div>.

Potrzebuję zrobić dokładnie coś takiego:
Lista Shoe Size w tym sklepie służy do wybierania rozmiaru buta. Po wybraniu rozmiaru cena automatycznie zmienia się. Cena zawarta jest w bloku

[HTML] pobierz, plaintext 
<div class="price-box">...</div>
[HTML] pobierz, plaintext 

Chciałbym aby blok ten był ukryty zawsze, gdy nie wybrano żadnego rozmiaru, czyli gdy na liście wybrany jest napis "Coose an Option...". Aby ukryć blok trzeba by mu nadać styl visibility:hidden, lub po prostu nadać mu wcześniej zdefiniowaną klasę "ukryty", która miałaby już ten styl.

Nie znam się na JavaScript, ale wygląda to na prosty skrypt. (IMG:style_emoticons/default/smile.gif) Będę bardzo wdzięczny za wszelką pomoc.

[anm]

Dziękuję, zaraz to przetestuję.

A przykład ze zmienianiem cen można zobaczyć TUTAJ, przedtem pomyliłem link, przepraszam. (IMG:style_emoticons/default/smile.gif)

Wszytko działa pięknie, jeszcze raz wielkie dzięki.

Pisałeś, że jeśli cena by się zmieniała (tak jak w tym przykładzie) to "wystarczyło by wyświetlić tam pusty tekst domyślnie". Pomyślałem sobie, że zamiast tego pustego tekstu, można by wyświetlić "wybierz opcję". Czy mógłbyś pokazać, jak to zrobić?

W tym przykładzie cena jest wyświetlana w dwóch miejscach (różne ID), więc załóżmy, że jest wyświetlana tylko w jednym. Chyba, że byłbyś w stanie pokazać mi, jak dobrać się do boksów z cenami odszukując je po nazwie klasy (IMG:style_emoticons/default/smile.gif) (oba mają takie same).

Pozdrawiam

A jeszcze jedno, jakie przebudowanie funkcji miałeś na myśli, pisząc, że jest wskazane? Jakaś poważna wada?