[JavaScript]上下ボタンで移動して、全選択状態にする

希望
JavaScriptにて、複数のテキストボックスを上下ボタンで移動して、移動した先を全選択したい

現状
上下ボタンで移動はするのですが、全選択されません

$(document).ready(function(){ // テキストボックスにフォーカスが当たった時に実行 $("input[type='text']").focus(function(){ // 全選択にする (this).select(); }); });

function moveUpDown(){ $('table.main-table tbody tr td').on('keydown', (event) => { const key = event.key; switch(key) { case 'ArrowUp': // 上の段の項目に移動 $("#項目名").focus(); break; case 'ArrowDown': // 下の段の項目に移動 $("#項目名").focus(); break; } }); }

この
$("#項目名").focus();
を
$("#項目名").select();
などに変更して、項目の変更まではできたのですが、全選択状態にはならず、カーソルが表示されています

実現できるためのお力をお貸しください。