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完成其功能，代码如下：

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

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

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

 

截图如下：

 

转载于:https://www.cnblogs.com/coding-man/p/4182160.html