Partially select text inside a text field

Question

I want my script to select only part of the text inside the text box ( <input type="text"). How can i do this?

Answer 1

You will need to use Range, and multi-browser compatibility is likely to be a problem.

Quirksmode: Creating a Range Object from a Selection Object

If jQuery is an option, here is a function you can use ( link ) ...

$.fn.selectRange = function(start, end) {
    return this.each(function() {
        if(this.setSelectionRange) {
            this.focus();
            this.setSelectionRange(start, end);
        } else if(this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};

Answer 2

Check out Programmatic selection of partial text in the input field (there may be a duplicate ...)

, : http://javascript.nwbox.com/cursor_position/