mozilla
Your Search Results

    HTMLInputElement.setSelectionRange()

    The HTMLInputElement.setSelectionRange() method sets the start and end positions of the current text selection in an <input> element. Optionally, in newer browser versions, you can specify the direction in which selection should be considered to have occurred; this lets you indicate, for example, that the selection as set by the user clicking and dragging from the end of the selected text toward the beginning.

    Syntax

    inputElement.setSelectionRange(selectionStart, selectionEnd, [optional] selectionDirection);
    

    Parameters

    selectionStart
    The index of the first selected character.
    selectionEnd
    The index of the character after the last selected character.
    selectionDirection Optional
    A string indicating the direction in which the selection was performed. This may be "forward" or "backward", or "none" if the direction is unknown or irrelevant.

    Example

    The following code:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
    <script>
    function SelectText () {     
            var input = document.getElementById("mytextbox");
                input.focus();
                input.setSelectionRange(2,5);         
    }
    </script>
    </head>
    <body>
      <p><input type="text" id="mytextbox" size="20" value="Mozilla"/></p>
      <p><button onclick="SelectText()">Select text</button></p>
    </body>
    </html>
    

    will produce the following:

    example.png

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 1.0 1.0 (1.7 or earlier) 9 8.00 At least 3
    selectionDirection 15 8.0 (8.0) Not supported Not supported Not supported
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support ? ? ? ? ?
    selectionDirection ? 8.0 (8.0) ? ? ?

    See also

    Document Tags and Contributors

    Last updated by: fscholz,
    Hide Sidebar