Introduction:
Here I will explain how to set focus on first or particular textbox during pageload using jQuery in asp.net.
Description:
In previous articles I explained jQuery Countdown timer script example, jQuery Increase or Decrease font size of website, Redirect to another page after some time delay, jQuery slideUp slideDown toggle effectsand many articles relating to JQuery and asp.net. Now I will explain how to set focus on first or particular textbox during pageload using jQuery in asp.net.
In previous articles I explained jQuery Countdown timer script example, jQuery Increase or Decrease font size of website, Redirect to another page after some time delay, jQuery slideUp slideDown toggle effectsand many articles relating to JQuery and asp.net. Now I will explain how to set focus on first or particular textbox during pageload using jQuery in asp.net.
To set focus on first textbox we need to write the code like as shown below
|
If you want to set focus on particular textbox then use textbox id for that we need to write the code like as shown below
<script type="text/javascript">
$(document).ready(function() {
$('#txtUserName').focus();
});
</script>
|
Example
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Set focus in first textbox or particular textbox during page load</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
// Set focus in first textbox during page load
$('input:text:first').focus();
// Set focus in location textbox when click on button
$('#btnClick').click(function() {
$('#txtLocation').focus();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<b>UserName:</b> <input type="text" id="txtUserName" /><br />
<b>Location:</b> <input type="text" id="txtLocation" /><br />
<input type="button" value="Click to Set Cursor" id="btnClick" />
</div>
</form>
</body>
</html>
|
Live Demo
To check Live demo check below textbox and click on button to set focus in location textbox
|
No comments:
Post a Comment