Visa/dölja en Table med Select?

Hej!
Behöver lite hjälp med ett problem jag har.
Jag vill kunna göra ett val i en Select och beroende på vilken man väljer ska motsvarande Table eller Td visas och dom andra gömmas.

Tex:

<form name="foo">
<select name="station" size="1" onchange="changeStyle(this.selectedIndex);">
	<option value="0" selected>0</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

<table> 
	<tr id="1" style="display:none;"><td>Val1</td></tr> 
	<tr id="2" style="display:none;"><td>Val2</td></tr> 
	<tr id="3" style="display:none;"><td>Val3</td></tr> 
</table>

</form>

<script>
function changeStyle(id){
document.getElementById("td_1").style.display="none";
document.getElementById("td_2").style.display="none";
document.getElementById("td_3").style.display="none";
document.getElementById("td_"+id).style.display="block";
//Eventuellt: document.getElementById("td_"+id).style.display="inline"; //Kommer inte ihåg.
};
</script>

<form name="foo">
<select name="station" size="1" onchange="changeStyle(this.selectedIndex);">
	<option value="0" selected>0</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

<table> 
	<tr id="td_1" style="display:none;"><td>Val1</td></tr> 
	<tr id="td_2" style="display:none;"><td>Val2</td></tr> 
	<tr id="td_3" style="display:none;"><td>Val3</td></tr> 
</table>

</form>