io intanto ti avevo preparato un esempio senza ricaricare la pagina
codice:
<html>
<head>
<title></title>
<style type="text/css">
<!--
table {
	border-collapse:separate;
	border:1px solid #f90;
}
td {
	border:1px solid #090;
}
.trSel {
	display:none;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function Visualizza(num){
	// modifica solo il numero totale delle select
	var totSel=2;

	var domBlock=(navigator.appName.toLowerCase().indexOf('msie')>-1)?'block':'table-row';
	for(var k=1;k<=totSel;k++){
		document.getElementById('tr'+k).style.display=(k==num)?domBlock:'none';
	}
}
window.onload=function(){
	var f=document.forms['selezioneArmi']
	for(var q=0;q<f.elements.length;q++){
		if(f.elements[q].name=='atype' && f.elements[q].checked) f.elements[q].checked=false;
	}
}
//-->
</script>
</head>
<body>
<form name="selezioneArmi">
<table>
  <tr>
    <th>tipologia di arma:spada<input name="atype" type="radio" value="spada" onclick="Visualizza(1)" />
      ascia <input name="atype" type="radio" value="ascia" onclick="Visualizza(2)" />
    </th>
  </tr>
<tr id="tr1" class="trSel"><td>
<select name="spada">
<option>bastarda</option>
<option>lunga</option>
<option>corta</option>
<option>a due mani</option>
</select>
</td></tr>
<tr id="tr2" class="trSel"><td>
<select name="ascia">
<option>una mano</option>
<option>da lancio</option>
<option>due mani</option>
<option>orchesca</option>
</select>
</td></tr>
</table>
</form>
</body>
</html>
ciao