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 = ; i < select.length; i++) {
                 select.options[i].title = select.options[i].text;
             }
         });
 </script>

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

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

 

截图如下：