How Can I Show A Tooltip For Each Option On A Dropdown With JavaScript Or Ajax?

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 J

Solution 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>

Solution 2:

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>