Formularfeld einblenden mit Javascript

[Mathiis]

Hallo, ich habe eine Dropdownliste. Hier möchte ich je nach Auswahl eines Menüpunktes weitere Formularfelder einblenden oder ausblenden.

Mein Script sieht so aus:

  
{literal}  
<script type="text/javascript">  
function visibility(value) {  
	var value=document.form1.form[kind].selectedIndex;  
	if (value == 1) {  
		document.form1.raum.style.display = 'none';  
		} else {  
			document.form1.raum.style.display =  'block';  
		}}  
</script>  
{/literal}  

Meine Dropdownliste so:

  
 <tr>  
        <th scope="row"><div align="left"><span class="Stil1">Terminart: </span></div></th>  
        <td>  
		<select name="form[kind]" class="" style="width: 120px" onChange="visibility()">  
			<option value="0" selected>Bitte auswählen</option>  
			<option value="1">Klassentermin</option>  
			<option value="2">Blocktermin</option>  
			<option value="3">Freier Termin</option>  
		</select>&nbsp;  
		</td>  
      </tr>  

und das, was ich ausblenden möchte so:

  
 <tr>  
        <th width="168" scope="row"><div align="left"><span class="Stil1">Raum</span>:</div></th>  
        <td width="182">  
		<select id="raum" name="form[raum_id]" class="" style="width: 120px; height: 20px; margin-bottom:10px">  
			{if $raum}  
				<option value="0" selected>Bitte ausw&auml;hlen</option>  
				{foreach item=w key=keys from=$raum}  
					{if $class.raum == $w.raum_id}  
						<option value="{$w.raum_id}" selected>{$w.raum_nummer} </option>  
					{else}	  
						<option value="{$w.raum_id}">{$w.raum_nummer} </option>  
					{/if}	  
				{/foreach}	  
					{else}	  
						<option value="{$keys}" selected>kein Raum</option>  
			{/if}  
		</select>  
        </td>  
      </tr>  
      <tr>  

Die beiden Menüs befinden sich in der Form:
<form name="form1" method="post" action="#">

Leider wird bei mir nichts ausgeblendet. Hat jemand eine Idee, woran es liegen könnte?