在选择中移动选项时显示工具提示（jquery或javascript）

我想显示jquery工具提示：

在键盘上有上下箭头的选项上移动时，选择不带多个心房导管的选项。 在选项上移动时，使用鼠标指针在打开的选择选项中移动，而不使用多个atribute。 这个想法基本上与上面的jquery pageURL示例相似

但是没有多个atribute，并在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" );

---

提前感谢…

尝试将鼠标悬停在选项上方。更改事件仅在用户选择选项后激发

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

---

感谢您的回复，代码已添加。。。