Dynamiczna zmiana styli dla określonego diva, Dynamiczne określanie styli dla poszczególnego diva Opcje

[orx]

Witam próbuje znaleść coś w java scrit co pozwoliło by mi za pomocą select określić który styl ma być uzyty.
Przykład:

[HTML] pobierz, plaintext 
<style>
   #styl1 { background: #ffffff; color:red; }
   #style2 { background #000000; color: blue; }
   #style3 { background-image: url(/img/cos.jpg); color: blue; }
   #style4 { background-image: url(/img/ble.jpg); color: yellow; }
</style>
 
<select onchange="...">
   <option value="styl1"> podgląd 1 </option>
   <option value="styl2"> podgląd 2 </option>
   <option value="styl3"> podgląd 3 </option>
   <option value="styl4"> podgląd 4 </option>
</select>
 
<div id="styl0"> jakis tekst </div>
 
[HTML] pobierz, plaintext 

Chodzi oto by po wybraniu z select któregoś z podglądów div styl0 zmienił sie na ten który został wybrany

Mógł by mi ktoś w tym pomódz
Może coś by wystarczyło dac w ochange ?

[orx]

fajnie że mi to pokazujesz ale to mi nic nie mówi wcześnie tez to w google wpisywałem

hmmm nic mi to nie dało gdyż już tego szukałem wcześniej
znalezłem tylko coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[ 
function changeElement() {
 
var div = document.getElementById("div1");
div.style.backgroundColor="#f00";
div.style.width="500px";
div.style.color="#fff";
div.style.height="200px";
div.style.paddingLeft="50px";
div.style.paddingTop="50px";
div.style.fontFamily="Verdana";
div.style.borderColor="#000";
}
//]]>
</script>
[HTML] pobierz, plaintext 

w tym przykładzie div1 dostaje nowe style a mi chodzi oto jak zrobić by div1 przyjął zawartość div2


Wie ktoś może jak to zrobić ?