jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
更新时间：2013年05月27日 17:06:47 作者：
jQuery解决IE 6/7/8 BUG：下拉框select设宽度时option超出显示不全，经过修改效果还不错，遇到类似情况的朋友可以参考下哈
个人做了一些自定义的修改
<!--[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]-->
复制代码 代码如下:
<!--[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]-->
您可能感兴趣的文章:
- jQuery获取select选中的option的value值实现方法
- JQuery动态添加Select的Option元素实现方法
- JS & JQuery 动态添加 select option
- jQuery操作Select的Option上下移动及移除添加等等
- JQuery中对Select的option项的添加、删除、取值
- 删除select中所有option选项jquery代码
- 浅析jQuery对select操作小结(遍历option,操作option)
- JQuery操作Select的Options的Bug(IE8兼容性视图模式)
- jquery操作select option 的代码小结
- jQuery动态产生select option下拉列表
相关文章
这篇文章主要介绍了jQuery解析与处理服务器端返回xml格式数据的方法,结合实例形式分析了jQuery基于ajax的get方法与后台交互操作xml格式数据的相关技巧与注意事项,需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了jquery插件ajaxupload实现文件上传操作，感兴趣的小伙伴们可以参考一下2015-12-12
本文收藏两种jquery插件：1、图片局部放大2、信息提示框,感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了Jquery使用css方法改变样式的方法,实例分析了jQuery中css方法操作样式的技巧,需要的朋友可以参考下2015-05-05
jQuery EasyUI学习教程之datagrid点击列表头排序
这篇文章主要介绍了jQuery EasyUI学习教程之datagrid点击列表头排序的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
其实楼主的F和jQuery.fn.init是相等的; 实现功能是和jq一样的, 只是jq的把构造函数放进原型;如果非要说原因,个人理解jq这样写整体结构清晰,先是入口构造函数,紧跟着是原型部分(原型里面init是初始化),但是不好理解;乍一看确实挺绕, 我也是看了好久才明白怎么回事2015-05-05
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
笔者在项目中使用 jquery.ui.dialog 1.7.2时，当使用$("#d").dialog("open");时，dialog总是弹出在option中指定的位置；2009-11-11
这篇文章主要为大家详细介绍了jQuery电话号码验证实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
在编写widget的时候，一般我们需要绑定一些事件，最好将这些widget的绑定事件加上当前widget的命名空间。2010-10-10
这篇文章主要介绍了jQuery 选择符详细介绍及整理的相关资料,这里整理了选择符的一些资料，帮助到家学习这部分内容，需要的朋友可以参考下2016-12-12
最新评论