Problem z dodatkowymi listami rozwijalną

[Darek88]

Mam taką listę rozwijalną, gdzie po wybraniu opcji dane ładują się bez przeładowywania stron z poszczególnych div-ów.

A chciałbym dodać dodatkowe listy, gdzie wczytywane by były te same dane.
I właśnie z tym ma problem. Poniżej podaje kod skryptu i html-u.

skrypt:

Kod:

<script type="text/javascript">

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}

function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}

function expandone(){
if (document.getElementById){
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}

if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)

</script>

kod html

Kod:

<form name="dropmsgform">
    <select name="dropmsgoption" onChange="expandone()">
        <option selected>zawartość 1</option>
        <option>zawartość 2</option>
        <option>zawartość 3</option>
    </select>
        
        
<div id="dropmsg0" class="dropcontent">zawartość 1</div>
<div id="dropmsg1" class="dropcontent">zawartość 2</div>
<div id="dropmsg2" class="dropcontent">zawartość 3</div>

</form>