如何在JavaScript或Ajax的下拉菜單中爲每個選項顯示工具提示？

Question

如何在JavaScript或Ajax下拉菜單中爲每個選項顯示工具提示？

用代碼隱藏起來很容易，但是這個工具提示並不像使用JavaScript創建的工具提示那麼快。

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

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