下拉列表和div联动时,屏幕会闪下的解决方法 (setTimeout的妙用)【JavaScript】

大家在做下拉列表和div联动时,屏幕总会闪下,非常讨厌,有什么办法呢?
<select onchange="PowerChange(this);" id="dropPower">
        
<option  value="0">不限制</option>
        
<option value="1">按月限制</option>
        
<option value="2">按日限制</option>
        
<option value="3">按总量限制</option>
        
<option value="4">禁用</option>
</select>
<div id="powerName"></div>

如果直接写:
function PowerChange(e)
{
    
document.getElementById("powerName") .innerHTML = e.value;
}

则屏幕会闪一下,现改成:

function PowerChange(e)
{
    setTimeout(
"document.getElementById(\"powerName\").innerHTML = '" + e.value + "';");
}
则不出再出现屏幕闪一下了,效果好多了~
posted on 2007-03-09 16:53  MOZO  阅读(1433)  评论(0)    收藏  举报