HTML | InputElement.setSelectionRange() method

Last Updated : 31 Jul, 2019

The InputElement.setSelectionRange() method is used to set the start and end positions of the current index value to select text in an input or textarea element.

Syntax:

element.setSelectionRange( Start, End, Direction );

Parameters: This function accepts three parameters as mentioned above and described below:

Start: This parameter holds the index of the first selected character. The index value greater than the length of the element pointing to the end value.
End: This parameter holds the index of the character after the last selected character. The index value greater than the length of the element pointing to the end value.
Direction: This parameter holds the direction to perform selection operation. The possible value of direction are: forward, backward and None.

Example:

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML | InputElement.setSelectionRange() method 
    </title>  
</head>  
  
<body style="text-align:center;">  
      
    <h1 style="color:green;">  
        GeeksforGeeks  
    </h1>  
              
    <h2> 
        HTML InputElement.setSelectionRange() method 
    </h2>  
          
    <input type="text" id="geeks" size="50"
        value="Welcome to GeeksforGeeks"> 
      
    <button onclick="myGeeks()"> 
        Select text content 
    </button>  
              
    <script>  
        function myGeeks() { 
            const input = document.getElementById('geeks');  
            input.focus(); 
            input.setSelectionRange(11, 24); 
        } 
    </script>  
</body> 
  
</html> 