我有一个包含多个文本框的页面,每个文本框都有一个与之关联的按钮。我想这是一个搜索“中心”,用户可以在其中按 ID、名称等进行搜索。
输入搜索词时,例如但是,按 Enter 键会“点击”页面上的第一个按钮(ID 搜索),如果关联的文本框为空(如果有人打算按名称搜索,则会出现错误)。
我已尝试使用 JQuery 纠正此问题,并编写了以下内容:
$('input:text').click(function (e) {
e.preventDefault();
$(this).next('input:button').focus();
});
我只是使用点击事件,以便我可以监视焦点被重定向的位置,但最终我会使用 .keypress。但是,单击文本框时没有任何反应,而且我根本看不出 JQuery 有什么问题。
如有任何建议,我们将不胜感激!
为了详细说明该问题,整个页面中使用的 .NET 代码看起来类似于以下内容。
<tr>
<td style="width:100">Company ID</td>
<td style="margin-left:3px;">
<asp:TextBox ID="...TextBox" runat="server" Width="230px"></asp:TextBox>
</td>
<td>
<asp:Button CssClass="Button" ID="...NameSearch" Text="Search" runat="server" /></td></tr>
这是生成这个(查看源代码):
<td><input name="...TextBox" id="...TextBox" style="width: 230px;" type="text"/></td>
<td><input name="...NameSearch" class="Button" id="...NameSearch" onclick="javascript:__doPostBack('...NameSearch','')" type="button" value="Search"/></td>
最佳答案
$('input:text')keydown(function(e) {
if (e.keyCode == 13) {
$("input:submit", $(this).closest('tr')).eq(0).focus();
}
}
关于javascript - 在文本框中按回车键时,如何使用 JQuery 关注提交按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4147162/