Selecting Part of String inside an Input Box with jQuery

by

For text <input> elements, the following will do the job. The example selects just the word “two” in the input: 

function setInputSelection(input, startPos, endPos) {
    input.focus();
    if (typeof input.selectionStart != "undefined") {
        input.selectionStart = startPos;
        input.selectionEnd = endPos;
    } else if (document.selection && document.selection.createRange) {
        // IE branch
        input.select();
        var range = document.selection.createRange();
        range.collapse(true);
        range.moveEnd("character", endPos);
        range.moveStart("character", startPos);
        range.select();
    }
}

document.getElementById("setSelection").onmousedown = function() {
    var input = document.getElementById("i");
    setInputSelection(input, 4, 7);
    return false;
};
<input id="i" type="text" value="One two three">
<input type="button" value="Set selection" id="setSelection">

More Related Contents:

  1. Fade animation while scrolling
  2. Difference between .ajaxSubmit() vs .submit()
  3. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  4. Proper way to wait for one function to finish before continuing?
  5. How do you log all events fired by an element in jQuery?
  6. Deprecation warning in Moment.js – Not in a recognized ISO format
  7. How to trigger ngClick programmatically
  8. How to use jQuery and jQuery plugins with PrimeFaces
  9. How to fix div on scroll [closed]
  10. window.resize event firing in Internet Explorer
  11. how to use json file in html code
  12. Callback function example
  13. How to reach the element itself inside jQuery’s `val`?
  14. adding to window.onload event?
  15. Modify object property in an array of objects
  16. Browser back button handling
  17. jQuery event that triggers after CSS is loaded?
  18. Javascript function fails to return element
  19. ask for geolocation permission again if it was denied
  20. Change the style of :before and :after pseudo-elements? [duplicate]
  21. How to chain ajax requests?
  22. sort JSON by date
  23. Loop and get key/value pair for JSON array using jQuery
  24. How to use Javascript to check and load CSS if not loaded?
  25. how to fire event on file select
  26. How to access jQuery in HTML 5 web worker
  27. how to get audio.duration value by a function
  28. Incrementing value continuously on mouse hold
  29. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’
  30. jQuery Deferred’s, $.when() and the fail() callback arguments

Leave a Comment