Value einer Listbox mit Javascript

[Thomas Müller]

Hall,

ich habe folgendes Javascript:

<SCRIPT>
<!--
  function hideObject(obj)
  {
   if ( obj.style ) { obj = obj.style; }
   obj.visibility = 'hidden';
  }

function showObject(obj)
  {
   if ( obj.style ) { obj = obj.style; }
   obj.visibility = 'visible';
  }
-->
</SCRIPT>

<SELECT name="eid" size="1" onChange="showObject('eid'+this.form.eid.options[this.form.eid.selectedIndex].value);">
<option value="1">Rennrad
<option value="2">Schwimmen
<option value="3">Laufen
</SELECT>

<DIV id=eid1 style="LEFT: 100px; VISIBILITY: hidden; POSITION: absolute; TOP: 120px">
<TABLE cellSpacing=0 cellPadding=0 border=0 width="100">
  <TBODY>
  <TR>
    <TD class=dropdown>
      <A class=menlink href="news.asp">Alle News</A><BR>
      <A class=menlink href="news.asp?CID=1">Triathlon</A><BR>
      <A class=menlink href="news.asp?CID=2">Duathlon</A><BR>
      <A class=menlink href="news.asp?CID=99">Presse</A><BR>
    </TD>
  </TR>
  </TBODY>
</TABLE>
</DIV>

Abhängig vom ausgewählten Listboxelement soll nun der dazugehörige DIV Tag angezeigt werden. Mein Problem:

Ruf ich showObject(eid1); direkt auf, funktioniert es. Obenstehendes Beispiel funktioniert nicht. Hier wird weder ein JS Fehler ausgegeben, noch das DIV Tag angezeigt.

Woran liegts?

Lg