CODEWITHSUNDEEP
javascriptajaxtooltip
Rajeev Mehta
Rajeev Mehta

Reputation: 5

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 JavaScript.

Upvotes: 0

Views: 12839

Answers (2)

Ashish Sharma
Ashish Sharma

Reputation: 11

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>

Upvotes: 1

Vishal Suthar
Vishal Suthar

Reputation: 17194

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>

Upvotes: 1

Related Questions