次の HTML 構造があります (「ul li」はドロップダウン/選択としてレンダリングされます)
<input id="input_city" type="text" />
<div class="suggestions">
<ul>
<li value="0" name="New York">New York</li>
<li value="1" name="London">London</li>
<li value="2" name="Paris">Paris</li>
<li value="3" name="Sydney">Sydney</li>
</ul>
</div>
最初の「li」要素を選択する下矢印キーの押下イベント (入力時) をキャプチャするには、JavaScript/jQuery コードが必要です。
連続した下キーは、次の 'li' 要素を選択します。上キーで前の 'li' 要素を選択します。