`
wlhx
  • 浏览: 34990 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

JS给网页上所有的select加title

阅读更多
最近开发的网站由于搜索条件多,所以每项宽度窄而导致有些浏览器看不全下拉框的文字,所以写了个脚本将所有的select加上title这样鼠标放上去就看全了 方法如下:
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时加载此方法即可.
分享到:
评论

相关推荐

    js下用层来实现select的title提示属性.docx

    js下用层来实现select的title提示属性.docx

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    基于Jquery的自定义下拉框JS插件。 带图标、分组等

    解决ie6 select的title不能显示的问题

    该js通过层来实现ie6不能显示下拉框的tite问题。

    js下用层来实现select的title提示属性

    用层来实现select的title 提示属性

    mobileSelect.min.js

    app底部弹出选择 var mobileSelect1 = new MobileSelect({ trigger: '#trigger', // 点击容器的ID title: '选择性别', // wheels: [{ data: ['男', '女'] }] });

    select多选下拉列表+模糊查询功能.rar

    &lt;script type="text/javascript" src="jquery.combo.select.js" &gt; &lt;link rel="stylesheet" href="combo.select.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;select name="table_id" id="table_id"&gt; &lt;option value=""&gt;----请选择...

    JS更改select内option属性的方法

    本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下: 帮一位友人解决了一个小问题,需求是更改选中选项卡内显示的文本值,新值存放在某个文本框内 初始窗口: &lt;html&gt; &lt;head...

    JS简单实现多级Select联动菜单效果代码

    本文实例讲述了JS简单实现...JS联动菜单,简单代码实现JS多级Select联动菜单,也就是大家常用的一款菜单,Select联动状态的菜单,网页上经常见到的效果,希望大家能用得上。 运行效果截图如下: 在线演示地址如下: ...

    js简单实现Select互换数据的方法

    本文实例讲述了js简单实现Select互换数据的...这里基于javascript实现两个Select互换数据,简单实用,大家都见到过的,不多说了,即使手头暂时用不上,收藏起来,以备后用。 运行效果如下图所示: 在线演示地址如下: ...

    JavaScript实现select添加option

    JavaScript为select添加option &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;测试文件&lt;/title&gt; [removed] [removed] = function(){ //创建select控件 var _...

    javascript操作select元素实例分析

    本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时...

    js实现Select下拉框具有输入功能的方法

    本文实例讲述了js实现Select下拉框具有输入功能的方法。分享给大家供大家参考。具体实现方法如下: 实现方法一 代码如下:&lt;HTML&gt; &lt;HEAD&gt; &lt;META http-equiv=’Content-Type’ content=’text/html; ...

    js实现Select列表内容自动滚动效果代码

    这里演示的Select列表内容自动滚动效果,文字可自动滚屏,当网页加载完毕后,Select中的内容会一个接一个向上滚动,当然,滚动的参数和速度是可以调节的。或许你会用得上。 运行效果截图如下: 在线演示地址如下: ...

    js实现select下拉框选择

    后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧。 &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;自定义select&lt;/title&gt; &lt;/head&gt; &lt;style&...

    JS实现Select的option上下移动的方法

    本文实例讲述了JS实现Select的option上下移动的方法。分享给大家供大家参考,具体如下: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; [removed] function UpOr...

    JS实现的Select三级下拉菜单代码

    本文实例讲述了JS实现的Select三级下拉菜单。分享给大家供大家参考。具体如下: 这里使用js实现Select三级下拉菜单,比如全国省市城市选择、数码类产品分类、人才类别选择等,都比较具有代表性,在表单中容易使用...

    js实现Select列表各项上移和下移的方法

    本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。 运行...

    JavaScript用select实现日期控件

    代码很简单,这里就不多废话了,直接给大家源码吧 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;年月日&lt;/title&gt; &lt;/head&gt; &lt;body onLoad="init()"&gt; &lt;select id="year" onChange=...

    js实现select跳转功能代码

    js简单实现select跳转功能:代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=selectBox&gt; &lt;select class=toSlt&gt; 全部分类的商品...

Global site tag (gtag.js) - Google Analytics