下面是一个简单的demo：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function Delete()
{
var listBox = document.getElementById("listBox1");
var index = document.getElementById("listBox1").selectedIndex;
listBox.options[index].parentNode.removeChild(listBox[index]);
}
function Refresh()
{
window.location.reload();
}
</script>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>
<div id="unselectedDiv" style="width:340px; height:268px; border:solid 1px #aaaaaa; overflow:auto;">
<select size="20" name="11" id="listBox1">
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性如果元素中的内容超出了给定的宽度和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
</select></div>
<button type="button" onclick="Delete()">Click Me!</button>
<button type="button" onclick="Refresh()">Refresh</button>
</body>
</html>
8 个解决方案
#1
帮顶，俺不懂。纠正一下楼主是不是想说IE8中正常，IE6，7中不正常啊
#2
呵呵，不好意思，打错了，是IE6，显示正常，IE7，IE8显示不正常，谢谢一楼的兄弟，非常感谢！
#3
顶，急需高手解决。
#4
有没有高手帮下忙啊？
#5
楼主写的js有问题吧。我这里IE6和IE7都出现js错误：
行：11
错误：对象不支持此属性或方法
行：11
错误：对象不支持此属性或方法
#6
IE8对css支持有点儿毛病。。。lz用FF调试试试看？有时候我的div布局也会在IE8下出现这样那样的问题，一般这时候我在该层加一个边框就正常了，lz也试试。
#7
firefox 对div的解析显示很完善，显示效果很人性。
就是IE6，IE7之间的问题比较多。
就是IE6，IE7之间的问题比较多。
#8
没有吧，我用的几个浏览器都没报错啊。
#1
帮顶，俺不懂。纠正一下楼主是不是想说IE8中正常，IE6，7中不正常啊
#2
呵呵，不好意思，打错了，是IE6，显示正常，IE7，IE8显示不正常，谢谢一楼的兄弟，非常感谢！
#3
顶，急需高手解决。
#4
有没有高手帮下忙啊？
#5
楼主写的js有问题吧。我这里IE6和IE7都出现js错误：
行：11
错误：对象不支持此属性或方法
行：11
错误：对象不支持此属性或方法
#6
IE8对css支持有点儿毛病。。。lz用FF调试试试看？有时候我的div布局也会在IE8下出现这样那样的问题，一般这时候我在该层加一个边框就正常了，lz也试试。
#7
firefox 对div的解析显示很完善，显示效果很人性。
就是IE6，IE7之间的问题比较多。
就是IE6，IE7之间的问题比较多。
#8
没有吧，我用的几个浏览器都没报错啊。