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

时间:2011-01-10 22:30:01

标签: jquery asp.net input

嘿我对使用asp.net的jquery很新,我想知道如何使用jquery将焦点设置在文本框上。

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

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

2 个答案:

答案 0 :(得分:16)

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

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

答案 1 :(得分:7)

如果您的MainContent_LoginUser_UserName文本框是服务器端控件,它将无法工作,因为控件的ID将不同,这要归功于与您的服务器站点控制器关联的唯一ID asp.net。

尝试更改为此行:

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

并检查它是否有效!