如何在使用JavaScript或Ajax的下拉列表中显示每个选项的工具提示?

时间:2013-01-08 05:46:14

标签: javascript ajax tooltip

如何使用JavaScript或Ajax在下拉列表中显示每个选项的工具提示?

使用后面的代码很容易显示,但此工具提示不如使用JavaScript创建的工具提示快。

2 个答案:

答案 0 :(得分:1)

你可以在javascript的帮助下通过以下代码添加这个来做这样的事情:

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>

答案 1 :(得分:1)

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>