Ciao a tutti ho una select in html che una volta selezionata mi fa comparire dati diversi in un div.

Sembra tutto semplice ma non riesco a capire perchè il div non viene visualizzato.

codice:
		          
<TABLE border=0 >
<form action="Visualizza.asp" method="post" name="Form1">
<tr>
					<td><FONT face="Verdana, Arial, Helvetica, sans-serif" size=2>Periodo </td>
					<td>
						<select name=periodo onchange="javascript:Vis_periodo();">
							<option value=0>-</option>
							<option value=1>Annuale</option>
							<option value=2>Mensile</option>
							<option value=3>Periodico</option>
							<option value=4>Giornaliero</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						<FONT face="Verdana, Arial, Helvetica, sans-serif" size=2><div name=divPeriodo id=divPeriodo>ddd</div></font>
					</td>
				</tr>
<tr><td colspan=2 align=center>

<input type=submit value="Conferma"></td></tr>
				</form>
			</TABLE>
Questa è la funzione che chiamo.

codice:
function Vis_periodo()
{
	//prendo periodo
	var nper = document.Form1.periodo.value;

	//Setto giorno, mese, anno
	var data_oggi = new Date();
    var anno_oggi = data_oggi.getYear();
    var mese_oggi = data_oggi.getMonth() +1 ;
    var giorno_oggi = data_oggi.getDate();

	if (nper==0)
		divPeriodo.innerHtml="";
	else if (nper==1)
	{
		//annuale
		strSTringa = "<select name=anno>";
		for (i=anno_oggi-100; i<anno_oggi; i++)
		{
			strSTringa = strSTringa + "<option value=" + i + ">" + i + "</option>";
		}
		strSTringa = strSTringa + "</select>";

		divPeriodo.innerHtml = "Anno:" + strSTringa
	}

}