[JavaScript] 文字列の一部分を選択状態にする

投稿日：2018年8月22日

文字列の一部分を選択状態にするサンプルです。

サンプルソース

例）ボタンを押すと、テキストの3文字目～5文字目を選択状態にする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Test</title>
<script>
function test(){
  var obj = document.getElementById("txt1");

  //3文字目～5文字目を選択状態にする
  obj.selectionStart = 2;
  obj.selectionEnd = 5;
  obj.focus();
}
</script>
</head>
<body>
  <input type="text" id="txt1" value="abcdefg">
  <input type="button" id="btn1" value="ボタン" onclick="test()">
</body>
</html>

<!DOCTYPE html>

<head>

function test(){

var obj = document.getElementById("txt1");

//3文字目～5文字目を選択状態にする

obj.selectionStart = 2;

obj.selectionEnd = 5;

obj.focus();

}

</script>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、3文字目～5文字目が選択状態となります。

解説

テキストの一部分を選択状態とするには、selectionStart、selectionEndを使用します。

[JavaScript] 文字列の一部分を選択状態にする

サンプルソース

例）ボタンを押すと、テキストの3文字目～5文字目を選択状態にする

実行サンプル

解説

関連項目