非常に長いドロップダウンメニューのキーボード入力の項目にスクロール

Question

私はスクロールを持つドロップダウンメニューに入れた国のリストが非常に長いので、スクロールすることができます。私はこのドロップダウンリストで、検索のいくつかの並べ替えをする必要があり

https://codepen.io/Karadjordje/pen/MEBjRY

<div class="dropdown"> 
 
    <button class="btn btn-danger dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example 
 
    <span class="caret"></span></button> 
 
    <ul class="dropdown-menu scroll-menu" role="menu"> 
 
    <li> 
 
     <a href="#"> 
 
     A 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     B 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     C 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     D 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     E 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     F 
 
     </a> 
 
    </li> 
 
    </ul> 
 
</div>

：それは何かがこれを好きになります。私はデザインによる検索のための入力フィールドを持っていないので、別の方法でそれを作る必要があります。

希望する機能は、キーボードを使用して国にスクロールすることができるということです。キーボードのキー「M」を押すと、文字「M」で始まる国にスクロールします"A"は、文字 "A"で始まる国にスクロールする必要があります。これを達成する方法はありますか、この問題にどのようにアプローチすべきですか？

EDIT：

参照URLを：：この機能の成功は、あなたが に以下のURLを参照し、参照としてこれを検討してください可能性があります解決策