Ich versuche, eine Beschreibung anzuzeigen, wenn ich den Mauszeiger über eine Option in einer Auswahlliste bewege. Ich habe jedoch Probleme, den Code zu erkennen, wenn ich den Mauszeiger bewege.

Relevanter Code:

Formularbaustein auswählen:

<select name="optionList" id="optionList" onclick="rankFeatures(false)" size="5"></select>
<select name="ranks" id="ranks" size="5"></select>

Bearbeiten von Auswahlen (zuvor definierte Arrays):

function rankFeatures(create) {

    var $optionList = $("#optionList");
    var $ranks = $("#ranks");

if(create == true) {
    for(i=0; i<5; i++){
        $optionList.append(features[i]);
    };
}
else {
    var index = $optionList.val();
    $('#optionList option:selected').remove();
    $ranks.append(features[index]);
};

}

Das alles funktioniert. Es fällt alles auseinander, wenn ich versuche, mit dem Schweben über Optionen umzugehen:

$(document).ready( 

function (event) {
$('select').hover(function(e) {
    var $target = $(e.target);
    if($target.is('option')) {
        alert('yeah!');
    };
})
})

Ich habe diesen Code beim Durchsuchen von Stack Exchange gefunden, aber ich habe kein Glück, ihn zum Laufen zu bringen. Die Warnung wird angezeigt, wenn ich auf eine Option klicke. Wenn ich die Maus nicht bewege und die Warnung durch Drücken der Eingabetaste schließe, verschwindet sie. Wenn ich mit der Maus schließe, öffnet sich ein zweites Warnfenster. Wenn Sie nur die Maus über die Auswahl bewegen, wird gelegentlich eine Warnmeldung angezeigt. Ich habe versucht, die Optionen direkt anzuvisieren, hatte aber wenig Erfolg damit. Wie erhalte ich eine Warnmeldung, wenn ich den Mauszeiger über eine Option bewege?

Danke fürs Lesen!