The following code implementation AJAX is submitting effect: 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" > Please 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 chose 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>
-->