2016-07-12 35 views
-1

私は、データベースに接続されているドロップダウンに問題があり、結果をマウスでクリックするだけで矢印を上下に操作できません。 これは私が書いたコードですが、動作しません。 私は何が間違っていますか?jQuery Keypress矢印キーの操作でドロップダウン

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

編集

私は私の小さなコードは現在、次のようになります作られたよう:

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

 
    });

これは結果です: enter image description here データ2のデータ1からkeydown 40スイッチをどのようにプッシュできるのでしょうか?

誰でも手伝ってもらえますか?

+1

まず、 '$(field-customer-dropdown)'は無効です。 '$(" field-customer-dropdown ")'の引用符の中に入れる必要があります。 –

答えて

0

JavaScript変数には-を含めることはできません。また、使用しているセレクタはHTMLタグではありません。プレフィックスはありません。 classの場合は、.の接頭辞を付け、それ以外の場合はidとし、接頭辞には#を付けます。

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

ああ、あなたをとても驚かせる。 しかし、私はこのバグをどのように修正できるかを推測しません。手伝って頂けますか? – Adrian

関連する問題