Javascript not working properly

<head>
<title>RenMX Data Center</title>

<style>
.suboption {
    display : none;
}
</style>
<script type="text/javascript">
function card_arrSelect(tag){
    var selected = tag.options[tag.selectedIndex].value;
    //alert(selected)
    if (selected == "Type") {
        document.getElementById("Card_Type").style.display = "block";
    }
    if (selected == "Obtained"){
        document.getElementById("Card_Obtained").style.display = "block";
    }
    if (selected == "Cooldown"){
        document.getElementById("Card_Cooldown").style.display = "block";
    }
    if (selected == "Cooldown_Left"){
        document.getElementById("Card_Cooldown_Left").style.display = "block";
    }
}
</script>
</head>
<form id="Data">
<table border=0>
<tr>
<th>Cards</th>
<th>Auctions</th>
<th>Shop</th>
<th>Warehouse</th>
</tr>
<tr>
<td>
<select name="Card_Initial_Filter" onChange="card_arrSelect(this)">
<option value="Type">Card Rarity</option>
<option value="Obtained">Date Obtained</option>
<option value="Cooldown">Cooldown Period</option>
<option value="Cooldown_Left">Cooldown Left</option>
<option value="None" >None</option>
<option value="N/A" selected  disabled>-----</option>
</select>
</td>
<!-- Insert other <select> in more <td> between the <tr> to organize the information horozontially. -->
</tr>
<tr>
<td>
<select name="Card_Type" id="Card_Type" class="suboption" >
<?php
foreach($type as $rarity){
    ?><option value="<?php echo $rarity?>"><?php echo $rarity?></option>
    <?php
}
?>
<option value="N/A" selected disabled>-----</option>
</select>


<select name="Card_Obtained" id="Card_Type" class="suboption">
<?php
foreach($obtained as $date){
    ?><option value="<?php echo $date?>"><?php echo $date?></option>
    <?php
}
?>
<option value="N/A" selected disabled>-----</option>
</select>

<select name="Card_Cooldown" id="Card_Type" class="suboption">
<?php
foreach($cooldown as $cd){
    ?><option value="<?php echo $cd?>"><?php echo $cd?></option>
    <?php
}
?>
<option value="N/A" selected disabled>-----</option>
</select>

<select name="Card_Cooldown_Left" id="Card_Type" class="suboption">
<?php
foreach($cooldown_left as $cd_left){
    ?><option value="<?php echo $cd_left?>"><?php echo $cd_left?></option>
    <?php
}
?>
<option value="N/A" selected disabled>-----</option>
</select>
</td>
</tr>
</table>