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.2Internet Explorer 9

 

Syntax

object.setSelectionRange(start, end)

Parameters

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

Type: HRESULT

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

Standards information

Remarks

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.

Examples

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


<!DOCTYPE html>
<html>
<head>
<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);          
        }
    </script>
</head>
<body>
    <p><input type="text" id="Textbox" size="40" value="The text selection appears here"/></p>
    <p><button onclick="SelectSomeText ()">See selection</button></p>
    
</body>
</html> 

See also

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

 

 

Show:
© 2014 Microsoft