软件开发-IE8下完全显示DropDownList选项内容的方法
在https://www.360docs.net/doc/7d801073.html,项目中，如果我们想要完全显示DropDownList的选项内容，我们可以不对DropDownList的宽度进行设定，那么它的显示宽度将会随其最长选项内容的的增长而增长，这将会严重影响页面布局。所以在很多情况下，需要对DropDownList的宽度进行设定，当DropDownList的选项内容过长时，在Firefox、Chrome、IE9等浏览器下没有问题，但
是在IE8下将会出现过长的选项不能完全显示的问题，如下图：
其在火狐浏览器下为：
1) 尝试解决方法：
DropDownList的选项对应的HTML标签是
option {
width:auto;
}
或者：
option {
width:300px;
虽然加了CSS样式，但是在IE8下还是无效果：
按F12可以发现，虽然给
经过上面的实验可以发现，在IE8下，
2) 可行办法
·虽然不能通过设置< option >的宽度来使我们看到隐藏的内容。但是可以通过给< option >加上title属性来达到同样的目的。Javasript代码为：
function showdropitem() {
var el = document.getElementsByTagName("select");
for (i = 0; i < el.length; i++) {
var ddl = el[i];
for (j = 0; j < ddl.options.length; j++) {
ddl.options[j].title = ddl.options[j].text;
}
}
可以通过body的onload的事件调用：
，也可以通过给DropDownList添加客户端事件来调用：效果如下：
相关主题