jquery如何设置输入焦点在控件上

发布于 2024-10-11 18:37:47 字数 323 浏览 2 评论 0原文

嘿,我对使用 ASP.NET 的 jquery 非常陌生,我想知道如何使用 jquery 将焦点设置在文本框上。

我的 HeaderContent 中有我的脚本,但它不起作用,不关注加载。是的,我知道这也可以在服务器端完成,但我只是想更好、更熟悉 jquery。谢谢。

<script type="text/javascript">
   $(document).ready(function () {
      $("#MainContent_LoginUser_UserName").focus();
   });
</script>

Hey I am very new to jquery using asp.net, and I was wondering how to set focus on a textbox using jquery.

I have my script in my HeaderContent but it is not working, no focus on load. And yes I know this can be done on the server side as well, but I am just trying to get better and more familiar with jquery. Thanks.

<script type="text/javascript">
   $(document).ready(function () {
      $("#MainContent_LoginUser_UserName").focus();
   });
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦在夏天 2024-10-18 18:37:47

你的代码是正确的。如果失败,则可能是 $("#MainContent_LoginUser_UserName") 不是正确的选择器值,或者 jQuery 可能未正确加载。

如果您将 jQuery 与标准 ASP.NET JavaScript 一起使用,那么“$”将不会映射到 jQuery,而是映射到 ASP.NET 的 JavaScript 框架。您可能需要用 $("#foo") 替换 jQuery("#foo")

Your code is correct. If it is failing, chances are $("#MainContent_LoginUser_UserName") is not the correct selector value or perhaps jQuery is not correctly loaded.

If you are using jQuery alongside standard ASP.NET JavaScript, then the '$' will not be mapped to jQuery, but instead to ASP.NET's JavaScript framework. You may need to substitute $("#foo") for jQuery("#foo").

一枫情书 2024-10-18 18:37:47

如果您的 MainContent_LoginUser_UserName 文本框是服务器端控件,则它将不起作用,因为由于与您的服务器站点控制器关联的唯一 id asp.net,该控件的 id 会有所不同。

尝试更改为这一行:

$("[id$=MainContent_LoginUser_UserName]").focus();

并检查它是否有效!

if your MainContent_LoginUser_UserName text box is a server side control, it will not work, because the id of the control will be different, thanks to the unique id asp.net associated with your server site controllers.

Try to change to this line:

$("[id$=MainContent_LoginUser_UserName]").focus();

and check if it works!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文