下拉列表和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  +   " '; " );
}

则不出再出现屏幕闪一下了，效果好多了～

转载于:https://www.cnblogs.com/hwaif/archive/2007/03/09/669525.html