ajax正在提交效果:loading..

以下代码实现ajax正在提交效果: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">请选择</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;">
<img src="http://www.aspbc.com/pic/loading.gif">
</div> 

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

<div id="div_b" style="display:none;" > 
你选择了 地区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>

(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)