mostrare checkbox in base a selezione

[bode]

Salve a tutti, dovrei visualizzare dei checkbox in base al contenuto di questa select ma non so da dove iniziare:

<select name=torneo_categoria>
  <option value=>
   <option value=1 >A
  <option value=2> B
  <option value=3>C
  <option value=4> D
 </select> 

Piu' precisamente se scelgo A allora verranno visualizzati 2 checkbox chiamati 1 e 2 ,mtre se sceglo B altri 2 chiamati 3 e 4 e via fino a D.
Ho provato in questo modo,supponendo per semplicità di avere solo A e B

<SCRIPT LANGUAGE="JavaScript"> 
function Attiva(opzione){
if(opzione.value == "A"){
       document.getElementById('A').style.display = "inline";
       document.getElementById('B').style.display = "none";
        
        }else
if(opzione.value == "B"){
        document.getElementById('B').style.display = "inline";
       document.getElementById('A').style.display = "none";
        
       }
      
   }
</script>

<select name=torneo_categoria onselect=Attiva("this")>
  <option value=>
   <option value=A >A
  <option value=B> B
  </select>            
 <div id="A" style="display:none"> <input name="opzione" type="checkbox"  value="1" />1 </div>         
<div id ="B" style="display:none"><input name="opzione" type="checkbox"  value="2"/>2
</div> 

Sento che sono sulla strada giusta ma non funge! Ovviamente ho ridimensionato il problema per non scrivere righe in piu', quindi riassumendo se seleziono A mi dovrebbe comparire il checkbox 1 mentre se selziono B il checkbox 2.