JSFiddle - React, Tailwind, and code Playground

HTML

<div>  
    <input type="text" value="Some text" id="test">
    <p>Soem extra text</p>
</div>

JavaScript

function selectElement(element) {
    if (window.getSelection) {
        var sel = window.getSelection();
        sel.removeAllRanges();
        var range = document.createRange();
        range.selectNodeContents(element);
        sel.addRange(range);
    } else if (document.selection) {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(element);
        textRange.select();
    }
}
selectElement($("div")[0]);
$("input").trigger("select");