Tool Tip for DropDown List Items

Asp.Net Drop Down List doesn’t support the tool tip property.

You have designed a Page with Drop Down List and the width of the items exceeds the width of the Drop Down List.

In this case the user has to select the item to see the full text. This makes users annoying experience.

Using Javascript we can display the tool tip for individual items in Drop Down List.

In the code behind of the page ( Page Init Event) , use the below code to display the tool tip for individual items.

Code :

CultureDropDownList.Attributes.Add("onmouseover",
   "this.title=this.options[this.selectedIndex].text")
 

The above displays tool tip for individual items in drop List

In the mouse move event of the the Drop Down List , we set the TITLE property for the Drop Down List. This makes the

tool tip for the control.

CultureDropDownList                                    -  Name of the Drop Down List

this.title                                                               – Sets the tool tip for the item

this.options[this.selectedIndex].text     – Reads the selected index of the item (this.selectedIndex)  , and using that

get the text of the currently selected item.

Screen Shot: