IE8中select控制元件中的option顯示不全解決方案
阿新 • • 發佈:2018-11-01
select控制元件,若option的內容過長,則IE8中顯示不全,導致其內容無法顯示出來。
目前測試IE9、IE11 select控制元件都沒有問題。
其中select,可以只針對個別的select,只要替換相應的class即可。
解決方案:
<!--[if lt IE 9]> <script type="text/javascript"> jQuery(function($){ var el; $("select").each(function() { el = $(this); el.data("origWidth", el.css("width")); // el.data("oriWidth",85); }) .focusin(function(){ el=$(this); el.css("width", "auto"); //if(el.width() < el.data("oriWidth")){ // el.css("width", el.data("origWidth")); //} }) .bind("blur change ", function(){ el = $(this); el.css("width", el.data("origWidth")); }); }); </script> <![endif]-->