MVCでListViewの最初のリスト項目にフォーカスを設定しました

Question

多くのリストビューを持つMVCプロジェクトがあります。フォーカスをリストビューの最初の項目に設定したいので、ユーザはenterを押してその項目を開くことができますか？矢印ボタンを使用してリストの上下に移動し、Enterキーを押します。

私は既にデータ入力ビューで、最初のテキストボックスまたはコンボボックスに焦点を当てています。今、私は私のリストビューでそれをやりたい、完璧に動作

<div class="col-md-3 focus"> 
    @Html.DropDownList("CategoryId", null, "Select Category", htmlAttributes: new { @class = "form-control" }) 
</div> 

：私の見解ではその後

$('.focus :input').focus(); 

：これは私がそのために使用するコードです。

$('.focus tr:first').focus(); 

と私の見解では：これは私が試したものです

<tr class="focus"> 

と、残念ながら動作しません。だから、私は検索を行い、私はMVCのための答えを見つけることができません、私はアンドロイド、メトロアプリなどのための答えを見つけることができますが、MVCのためのものはありません。

Answer 1

https://api.jquery.com/focus/

focus()このような形態の入力およびアンカーなどの要素のサブセット上で動作するように設計されています。

それはあなたがおそらく何ができるか、テーブルの行やdivタグなどのような標準的なマークアップ要素

のために動作しないリストアイテム要素内

<li><a href="#">List Item<a></li>をアンカーを使用することで、その後に焦点を当てる設定アンカー... $('li a').focus();

Answer 2

ここで最初の要素を設定します。私はあなたのhtmlのためにそれを修正しようとしました。

$('[selector for your dropdown]').focus(); 
$('[selector for your dropdown]').val($('[selector for your dropdown] option:first').val()).change();