IE 6/7/8 BUG，下拉框select设宽度时option超出显示不全

最新推荐文章于 2020-08-17 20:12:04 发布

lennie_1112

最新推荐文章于 2020-08-17 20:12:04 发布

阅读量394

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_28522783/article/details/103376896

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

//给select添加长度，体验稍不佳
jQuery(function ($) {
    var el;
    $("select").each(function () {
        el = $(this);
        el.data("origWidth", el.css("width"));
    }).focusin(function () {
        el = $(this);
        el.css("width", "auto");

    }).bind("blur change", function () {
        el = $(this);
        //alert(el.css("width"));
        el.css("width", el.data("origWidth"));
    });
});


//给option添加title
$(document).delegate('select', 'mouseover', function () {
    var $this = $(this);
    if ($this.data('data-bind-title')) {
        return;
    }
    $this.data('data-bind-title', true).find('option').each(function () {
        var $option = $(this);
        var _text = $.trim($option.text());
        if (_text.length > 0 && !$option.attr('title')) {
            $option.attr('title', _text);
        }
    });
});