Ajax display loading effect

The following code implements ajax submission: loading ....
<Script>
Function load1 (name)
{
Loading. style. display = "none ";
Name. style. display = "";
}

Function selecte (s)
{
If (s = 1)
{
Loading. style. display = "";

Div_ B .style.display = "none ";
Div_c.style.display = "none ";
Div_d.style.display = "none ";
SetTimeout ("load1 (div_a)", 2000 );
}
If (s = 2)
{
Loading. style. display = "";

Div_a.style.display = "none ";
Div_c.style.display = "none ";
Div_d.style.display = "none ";

SetTimeout ("load1 (div_ B)", 2000 );
}
If (s = 3)
{
Loading. style. display = "";

Div_a.style.display = "none ";
Div_ B .style.display = "none ";
Div_d.style.display = "none ";
SetTimeout ("load1 (div_c)", 2000 );

}
If (s = 4)
{
Loading. style. display = "";

Div_a.style.display = "none ";
Div_ B .style.display = "none ";
Div_c.style.display = "none ";

SetTimeout ("load1 (div_d)", 2000 );
}

}
</Script>

<Select name = "singerarea"
Onchange = "selecte (this. options [this. options. selectedIndex]. value)">
<Option value = "0"> select </option>
<Option value = "1"> CssRain1 </option>
<Option value = "2"> CssRain2 </option>
<Option value = "3"> CssRain3 </option>
<Option value = "4"> CssRain4 </option>
</Select>
<Div id = "loading" style = "display: none;">

</Div>

<Div id = "div_a" style = "display: none;">
<Input type = "text" value = "1111111">
</Div>

<Div id = "div_ B" style = "display: none;">
You selected region 2
</Div>

<Div id = "div_c" style = "display: none;">
<Input type = "button" value = "button">
</Div>

<Div id = "div_d" style = "display: none;">
From cssrain js demo.
</Div>