JavaScript setSelectionRangeメソッドで指定した範囲の文字列を選択する
環境
Google Chrome 115.0.5790.171（Official Build） （64 ビット）
Windows 11 Pro 64bit
構文
HTMLInputElement.setSelectionRange() メソッドは、 <input> または <textarea> 要素の中で
現在のテキストの選択範囲の開始位置と終了位置を設定します。
setSelectionRange(selectionStart, selectionEnd)
selectionEnd が selectionStart より小さい場合、両方の値は selectionEnd として扱われます。 selectionStart 選択する最初の文字の 0 から始まる位置です。
使用例
<!DOCTYPE html>
<html>
<body>
<input type="text" id="phone" value="1234567890">
<button id="btn" onclick="funA()">表示</button>
<script>
function funA() {
// フォーカスを移動
document.getElementById("phone").focus()
// 選択状態にする
document.getElementById("phone").setSelectionRange(5, 8);
}
</script>
</body>
</html>
実行結果
表示ボタンを押下すると、テキストボックスの値「678」が選択されます。