顯示工具提示當移動在選擇

Question

我想顯示一個jQuery提示選項（jQuery的或JavaScript）：

• 而動過的選項（帶有上下方向鍵）在集中選擇選項（無多屬性附加傷害）。
• 同時在打開選擇選項（不帶多個屬性）上移動選項（使用鼠標指針）時。

想法it's基本上像從jquery的頁上面的例子（URL附）

https://api.jquery.com/selected-selector/

但沒有多個屬性附加傷害，並顯示在一個jquery工具提示紅色文本。

這是我最後一次嘗試，但懸停選擇選項時會觸發工具提示。

<select id="garden" title=""> 
    <option value="0">Select and Option</option> 
    <option value="1">OPTION ONE</option> 
    <option value="2">OPTION TWO</option> 
</select> 

$("select") 
.change(function() { 
var str = ""; 
$("select option:selected").each(function() { 
    if ($(this).val() != 0) { 
     if ($(this).val() == 1) { 
      str += " tooltip one"; 
     } else if ($(this).val() == 2) { 
      str += " tooltip two"; 
     } 
     $('#garden').prop('title', str); 
     $("#garden").tooltip(); 
    } 
}); 
}).trigger("change"); 

在此先感謝...

Answer 1

嘗試上空盤旋的選項。一旦用戶選擇了一個選項，更改事件只會觸發。

$("select option").hover(function() { 
    // The rest of your code to show a tootlip. 
});