jq 解决ie9以下 select宽度固定 option 显示不

最新推荐文章于 2025-02-08 14:37:05 发布

转载最新推荐文章于 2025-02-08 14:37:05 发布 · 1.4k 阅读

本文介绍了一种使用jQuery实现的下拉菜单宽度自适应解决方案。通过在加载时记录原始宽度，并在获取焦点时自动调整宽度以适应内容，提高了用户体验。当失去焦点或发生改变时，宽度会恢复到原始状态。

<!--[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]-->