Javascript IE再次选择宽度问题。。。但是使用短选项和jsf

我解决了IE select width的问题，即在下拉菜单中不显示长值，就像本文中建议的那样：

不幸的是，当所有选项都小于默认宽度时，此解决方案会出现问题。在这种情况下，此代码：

drpLst.style.width = 'auto';

                         <script type='text/javascript'>
                           function SetWidthToAuto(drpLst, c) {            
                                 drpLst.style.width = 'auto';  

                                  if(drpLst.clientWidth &lt; c) {
                                      drpLst.style.width = c.toString(); 
                                   }
                                   else {
                                      drpLst.style.width = 'auto';  
                                   } 
                               }  
                           function ResetWidth(drpLst, c) {  
                               drpLst.style.width =c.toString(); 
                               }  
                         </script>

使组合在鼠标下键时变小，在选项点击时变大，这会产生不好的“跳跃效果”

我用这个密码解决了这个问题：

drpLst.style.width = 'auto';

                         <script type='text/javascript'>
                           function SetWidthToAuto(drpLst, c) {            
                                 drpLst.style.width = 'auto';  

                                  if(drpLst.clientWidth &lt; c) {
                                      drpLst.style.width = c.toString(); 
                                   }
                                   else {
                                      drpLst.style.width = 'auto';  
                                   } 
                               }  
                           function ResetWidth(drpLst, c) {  
                               drpLst.style.width =c.toString(); 
                               }  
                         </script>

因为删除后效果很好

我在view站点上使用jsf和facelests

---

我将非常感谢您的建议。

可能的重复请注意，具体问题基本上与JSF无关。如果使用不同的服务器端语言生成HTML/CSS/JS，或者甚至在普通的

*.HTML

文件中硬编码HTML/CSS/JS，您也会遇到完全相同的问题。在未来纯HTML/CSS/JS相关的问题中，如果您从图片中省略JSF，您将接触到更多的读者。