asp.net-mvc – 设置焦点在文本框 – MVC3

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – 设置焦点在文本框 – MVC3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在MVC3中的以下Razor代码页面加载上设置“Amount”文本框的焦点?
<tr>
            <th>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Amount)
                </div>                            
            </th>
             <td>
                 <div class="editor-field">
                    @Html.EditorFor(model => model.Amount)
                    @Html.ValidationMessageFor(model => model.Amount)
                 </div>                          
            </td>
        </tr>

解决方法

您可以为包含div提供一个附加类:
<div class="editor-field focus">
    @Html.EditorFor(model => model.Amount)
    @Html.ValidationMessageFor(model => model.Amount)
</div>

然后你可以使用一个jQuery类选择器:

$(function() {
    $('.focus :input').focus();
});

这就是说,你似乎在表中有多个Amount texBoxes,显然只有一个可以有一个时间的焦点。所以假设你想要这是第一个,你可以这样做:

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

猜你在找的asp.Net相关文章