jQuery Keypress Pfeiltasten in DropDown steuern

Question

Ich habe ein Problem mit Dropdown, die mit der Datenbank verbunden ist und ich kann nicht steuern, Pfeile nach oben und unten, um das Ergebnis nur Mausklick zu bewegen. Das ist mein Code, den ich zu schreiben begann, aber nicht funktioniert. Was mache ich falsch?

$(field-customer-dropdown).on("keydown", function(event) { 
 
    var keyCode = event.which; 
 
    if (keyCode == 38 || keyCode == 40) { 
 
    showDropDown(); 
 
    } 
 
});

bearbeiten:

Als ich meinen kleinen Code derzeit wie folgt aussieht gemacht:

$("body").on("keydown", function(event) { 
 
     var keyCode = event.which; 
 
     if (keyCode == 40) { 
 
      console.log("key"); 
 
      $(".drop-down-row:firstchild").css("backgroundcolor","red"); 
 
      } 
 

 
    });

Und das ist das Ergebnis: enter image description here Wie sollte der Code aussehen, so dass ich Keydown 40 Schalter von Daten 1 auf Daten 2 drücken könnte?

Kann mir jemand helfen?

Answer 1

JavaScript-Variablen können - in ihnen nicht enthalten. Der Selektor, den Sie verwenden, ist kein HTML-Tag, das kein Präfix hat. Wenn es ein class ist, setzen Sie es mit . voran, sonst, wenn es ein id ist, setzen Sie ihm voran.

$(".field-customer-dropdown").on("keydown", function(event) { 
    var keyCode = event.which; 
    if (keyCode == 38 || keyCode == 40) { 
    showDropDown(); 
    } 
});