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

发布时间：2020-12-15 19:19:48 所属栏目：asp.Net 来源：网络整理

导读：如何在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(m

如何在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();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!