setSelectionRange method

Sets the start and end positions of a selection in a text field.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 7.6.2



object.setSelectionRange(start, end)


start [in]

Type: Integer

The offset into the text field for the start of the selection.

end [in]

Type: Integer

The offset into the text field for the end of the selection.

Return value


If this method succeeds, it returns S_OK. Otherwise, it returns an HRESULT error code.

Standards information


If you set a parameter to more than the length of the text field, the parameter points to the end of the text field. If the end parameter is less than or equal to the start paramenter, the start and end positions of the selection are set to the end value. The selection is then an insertion point or caret.


The following code example shows how to set a test selection's start and end positions.

<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=9" /> <!--Force IE9 mode -->
<title>Example of setSelectionRange()</title>
    <script type="text/javascript">
        function SelectSomeText () {
            var input = document.getElementById ("Textbox");
                input.setSelectionRange (4,13);          
    <p><input type="text" id="Textbox" size="40" value="The text selection appears here"/></p>
    <p><button onclick="SelectSomeText ()">See selection</button></p>

See also

input type=email
input type=number
input type=range
input type=search
input type=tel
input type=text
input type=url



© 2017 Microsoft