JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>



<textarea id="q">Hallo Welt, ein Test.</textarea>

JavaScript

//External Resources: https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

$.fn.selectRange = function(start, end) {
    var e = document.getElementById($(this).attr('id')); // I don't know why... but $(this) don't want to work today :-/
    if (!e) return;
    else if (e.setSelectionRange) { e.focus(); e.setSelectionRange(start, end); } /* WebKit */
    else if (e.createTextRange) { var range = e.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } /* IE */
    else if (e.selectionStart) { e.selectionStart = start; e.selectionEnd = end; }
};



//USE CASE
$('#q').selectRange(0, 10);
//$('#q').selectRange(searchVal.indexOf('{'), (searchVal.indexOf('}')+1));