解决下拉列表长度固定时选项被截取(ie6,ie7)

我们在写程序的时候经常会由于版面的限制,把下拉列表的宽度用CSS作限制.

在IE下会造成下拉选项的宽度也会被截取.在firefox3.0 及 chrome下是正常的.

在这里的解决办法是通过js+css的方式来解决.

项目预览地址:
http://extjs.org.cn/ext-core/user-examples/select/select-cuts-off-options-in-ie.html

关键代码:

<script type="text/javascript" src="../../ext-core.js"></script>
<script type="text/javascript"> 
Ext.onReady(function(){
if(Ext.isIE)
{
Ext.get("fatjames").on('mousedown',function(){
Ext.getDom("fatjames").style.width='auto';
});
Ext.get("fatjames").on('change',function(){
Ext.getDom("fatjames").style.width='';
});
Ext.get("fatjames").on('blur',function(){
Ext.getDom("fatjames").style.width='';
});
}
});
</script>
<style type="text/css"> 
#fatjames{
width:120px;
}
</style>