JS给网页上所有的select加title

最新推荐文章于 2023-07-21 09:53:44 发布

原创最新推荐文章于 2023-07-21 09:53:44 发布 · 724 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #脚本 #浏览器 #ViewUI

Jquery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种解决浏览器中下拉框文字显示不全的方法。通过为每个下拉选项添加title属性，确保用户即使在窄列布局下也能看到完整的选项文字。

[size=large]最近开发的网站由于搜索条件多,所以每项宽度窄而导致有些浏览器看不全下拉框的文字,所以写了个脚本将所有的select加上title这样鼠标放上去就看全了方法如下：[/size]


function BatchSetTitle() {
    var selects = $("select")
    var selectcount = $("select").size();
    for (i = 0; i < selectcount; i++) {
        var select = selects.eq(i);
        var id = $(select).attr("id")
        var option = $("#" + id + " option")
        var count = $("#" + id + " option").size();
        for (j = 0; j < count; j++) {
            var suboption = option.eq(j)
            var text = $(suboption).html()
            $(suboption).attr("title", text);
         }
    }

在body onload时加载此方法即可.