asp.net DropDownList实现ToolTip功能

在绑定DropDownList控件时，可能出现绑定显示的文本过长以至于超过控件长度的内容看不到，这时候就需要使用ToolTip完成其功能，即鼠标放到相应选项后就可显示其完成内容。

首先，在页面引入jQuery，我用的是jquery-1.4.1.min.js，我的路径：即<script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>；

然后在前台页面加入DropDownList控件，在后台绑定数据（绑定很简单，略过）；

然后在前台使用js完成其功能，代码如下：

<script type="text/javascript">
        $(function () {
            var select = document.getElementById('<%=DropDownList1.ClientID %>');
            for (var i = 0; i < select.length; i++) {
                select.options[i].title = select.options[i].text;
            }
        });
</script>

在浏览器中DropDownList控件会被翻译成Select标签，Select标签title，即我们需要设置的内容，写好后运行如下：

--请选择-- 欢迎来到CodingDream的博客 代码改变世界---博客园 行动起来，让代码改变我们的生活

 

截图如下：