How can I show a tooltip for each option on a dropdown with JavaScript or Ajax? - Stack Overflow

How can I show a tooltip for each option on a dropdown with JavaScript or Ajax?

It is easy to show with the code behind, but this tooltip is not as fast as a tooltip created with JavaScript.

How can I show a tooltip for each option on a dropdown with JavaScript or Ajax?

It is easy to show with the code behind, but this tooltip is not as fast as a tooltip created with JavaScript.

• javascript
• ajax
• tooltip

Share Improve this question Follow edited Jan 8, 2013 at 5:58 Michael Petrotta 61k2727 gold badges152152 silver badges181181 bronze badges asked Jan 8, 2013 at 5:46 Rajeev MehtaRajeev Mehta 511 gold badge11 silver badge22 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

You can do something like this with help of javascript by adding this from code behind:

DropDown1.Attributes.Add("onmouseover", 
                         "this.title=this.options[this.selectedIndex].title");

OR

<select name="DropDownList1" id="DropDownList1"
     onmouseover="this.title=this.options[this.selectedIndex].title">
    <option value="1" title="asd">asd</option>
    <option value="2" title="zxc">zxc</option>
    <option value="3" title="qwe">qwe</option>
</select>

use this  : 
<select name="ddlCity" id="ddlCity"
     onmouseover="this.title=this.options[this.selectedIndex].title">
    <option value="Delhi" title="Delhi">Delhi</option>
    <option value="mumbai" title="mumbai">mumbai</option>
    <option value="Chennai" title="Chennai">Chennai</option>
    <option value="kolkata" title="mumbai">mumbai</option>
</select>