Advanced Search

Focus and Select a Form Input

/ Published in: JavaScript
Save to your folder(s)
For forms with a default value onload you don't want your users to have to select the value, delete it and then insert their own input.

This function focuses on a selected input, then it selects the default text so the user can easily type their own value.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /** @id codeFocus 
  2. * @classDescription Focuses on the selected input and selects the value text. 
  3. */
  4. var postcodeFocus = {
  5. 	grab:function(){
  6. 		if(!document.getElementById){return;};
  7. 		if(!document.getElementById('selected')){return;};
  8. 		var theInput = document.getElementById('selected');
  9. 		theInput.focus();
  10. 		theInput.select();
  11. 	}
  12. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.