Problema con 2 funzioni:array,select dinamica

[syrmos]

Grazie,ma niente...la tabella non appare.......

Questa è la funzione con l'aggiunta che mi hai suggerito

function aggiornaOpzioni(scelta){
        var sel = document.getElementById("metodall");
        scelte = new Array();
		switch(scelta) {
            case '1':                
                scelte[0]= "Test di Harre";         		
				scelte[1]= "Metodo Bulgaro";
              	break;
     		case '2':                
                scelte[0] = "LIGHT TO HEAVY SYSTEM";
                scelte[1] = "HEAVY TO LIGHT SYSTEM";
                break;
            default:
                break;
        }         
        // azzero le option            
        sel.options.length = 1;
        // creo le option in base agli elementi degli array
        for(var i=0; i<scelte.length; i++) {                
            sel.options[sel.options.length]= new Option(scelte[i],scelte[i]); 
     					}
if (scelta == "Test di Harre")
     document.getElementById("Harre").style.display="inline";	
			}

Questo è il codice html delle due select

<div id="i1">
<form name="sommare">
Queste sono le 2 select:

SCEGLI OBBIETTIVO
<select name="obbiet" size ="1" onchange="aggiornaOpzioni(this.options[this.selectedIndex].value);">
<option selected></option>
<option value="1">Forza</option>
<option value="2">Massa</option>
</select>

SCEGLI METODO ALLENAMENTO
<select id="metodall" name= "metododall" size ="1" onchange= "aggiornaOpzioni();">
<option selected></option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;
 </div>
</form>

Questo è il codice html delle 2 tabelle:

<div id="Bulgaro">
<form name="sommare">
<table border="1">
    <tr>
       METODO BULGARO
   </tr>
    <tr>
      <td><label class="Bulgaro">%DEL MAX</label></td>
      <td>RIPETIZIONI</td>
      <td>SERIE</td>
      <td>VELOCITA'</td>  
   </tr>
     <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="w"></td>
   <td>1-4</td>
   <td>1</td>
   <td>MODERATA</td>
   </tr>
   <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="y"></td>
   <td>4-8</td>
   <td>1</td>
   <td>MASSIMA</td>
   </tr>
</table>
</div>	


<div id="Harre">
<table border="1">
    <tr>
       TEST DI HARRE
   </tr>
    <tr>
      <td><label class="HARRE">%1 RM</label></td>
      <td>RIPETIZIONI</td>
      <td>VELOCITA'</td>
      <td>RECUPERO</td>  
      <td>SPECIFICITA'</td>    
   </tr>
     <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z7"></td>
   <td>1-5</td>
   <td>BASSA</td>
   <td>3-5'</td>
   <td>FORZA MASSIMALE</td>
   </tr>
   <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z8"></td>
   <td>5-10</td>
   <td>BASSA</td>
   <td>2-4'</td>
    <td>FORZA MAX IPERTROFIA</td>
   </tr>
   <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z9"></td>
   <td>6-10</td>
   <td>MASSIMA</td>
   <td>4-6'</td>
    <td>FORZA VELOCE</td>
   </tr>
     <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z10"></td>
   <td>20-30</td>
   <td>BASSA</td>
   <td>35-40''</td>
    <td>FORZA RESISTENTE</td>
   </tr>
   <tr>
<td><input type="text"  size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z11"></td>
   <td>25-30</td>
   <td>MODERATA</td>
   <td>OTTIMALE</td>
    <td>FORZA RESISTENTE</td>
   </tr>
   </table>
</div>

Quessto è il codice css

#Harre
{
z-index:3;
padding:1em;
line-height: 20pt;
border:1px solid black;
display:none;
padding-top: 2px;
padding-bottom: 5px;
position: absolute;
top: 200px;
left: 445px;
background-color: #00BFFF;
color: black;
}

Per favore, dov'è che sto sbagliando??

Grazie

 

[criric]

devi crearti un altra funzione

function mostratabella(scelta) {
        if (scelta == "Test di Harre")
            document.getElementById("Harre").style.display="inline";
    }

e passargli la scelta dal onchange sulla select

<select id="metodall" name="metododall" onchange="mostratabella(this.options[this.selectedIndex].value);">