JavaScript selectメソッドでテキストボックスの値を全選択にするサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(セレクター名);
変数名.select()
selectメソッドを使ってテキストボックスの値を全選択にします。
使用例
<!DOCTYPE html>
<html>
<body>
<input type="text" id="name" maxlength="10" value="yamadauser" />
<p><input type="button" value="テスト" onclick="funA()" /></p>
<script>
function funA() {
//要素「name」の値を取得
const cft = document.getElementById("name");
//テキストボックスの値を全選択
cft.select();
}
</script>
</body>
</html>
結果
「テスト」ボタンを押すと、テキストボックスの値を全選択にします。