教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js实现网页上所有select添加title的代码

js实现网页上所有select添加title的代码

发布时间:2015-01-19   编辑:jiaochengji.com
本文介绍下,对网页上的所有select添加title信息的一例代码,有需要的朋友,不妨作个参考。

用js脚本将所有的select加上title,当鼠标放上去后,会显示完整的提示信息。

代码:

<script language="javascript">
/**
* select添加title提示
* by www.jbxue.com
*/
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);  
         }  
    } 
</script>

代码使用:
在body onload时加载此方法就可以了。

您可能感兴趣的文章:
js实现网页上所有select添加title的代码
js 3秒后跳转页面实例代码
javascript操作Select options集合的实例介绍
动态添加与删除select中Option对象的JS脚本
用Jquery.load载入页面实现局部刷新
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
使用jquery实现select添加实现后台权限添加的效果
动态添加页面body OnLoad事件的简单js代码
html5如何实现简单进度条效果?动态进度条的实现(代码示例)

[关闭]
~ ~