让DropDownlist像GridView一样方便的显示ToolTip

在我们平常的.net控件绑定中,tooptip属性是一个常用的属性，具有比较好的辅助信息提示，经常用在Gridview,DataList等控件上，鼠标放在哪一项数据上就可以显示预先设置的好地辅助信息，可以是信息的完整版也可以是额外的附加信息。但是在DropdowList的数据绑定信息上显得好像有点力不从心，找了半天也没有前几项那么方便。

比如现在遇到这样一个实例：DropdowList控件占用的宽度只有150px，而数据信息占用宽度有200px以上，在不允许提高宽度的前提下我们只有通过ToolTip属性来得以扩展，方便用户识别各个选项的差异性。在这里我觉得用javascript来实现显得格外的方便。

代码：

 window.onload = showdropitem;
function showdropitem()
{
    var el = document.getElementsByTagName("select");
    for(i=0;i<el.length;i++)
    {
        for(j=0;j<el[i].options.length;j++)
        {
            el[i].options[j].title = el[i].options[j].text;
        }
    }
}

把这段代码保存为一个js文件，例如：Dropshowtip.js

然后在aspx文件中引入下面一行代码即可(src根据文件的路径输入)：

<script type="text/javascript" src="../script/Dropshowtip.js">
</script>

这样此页面内所有的dropdownlist控件都可以实现tooltip(html里面为title)效果了。是不是比较方便呢。