下拉列表和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>
如果直接写:
则屏幕会闪一下,现改成:
<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;
}
{
document.getElementById("powerName") .innerHTML = e.value;
}
则屏幕会闪一下,现改成:
function PowerChange(e)
{
setTimeout("document.getElementById(\"powerName\").innerHTML = '" + e.value + "';");
}
则不出再出现屏幕闪一下了,效果好多了~{
setTimeout("document.getElementById(\"powerName\").innerHTML = '" + e.value + "';");
}
                    
                
                
            
        
浙公网安备 33010602011771号