ywork2020.com

Title

セレクトメソッドを使えば、テキストを選択状態にできる

selectメソッドの概要

javascriptのselectメソッドを使うと、Webページ上に配置されたテキストボックスなどの 入力コントロールのテキストを選択した状態にすることができます。

実機サンプル

サンプルテキスト: id="idText"

実行: ボタンをクリックするとサンプルテキストのテキストを選択状態にします。

サンプルコード

<body>
	<p><input type="text" value="サンプルテキスト" id="idText"></p>
	<script>
		document.getElementById("idText").select();
	</script>
</body>
サンプルコードではボダンがクリックされた時の処理は、混乱をさける為に掲載していません。
ボタンがクリックされたらscript要素の中のコードが実行されると思って下さい。

サンプルコードの要点

  1. input要素のテキスト型にid属性="idText"を設定しています。
  2. documentオブジェクトのgetElementByIdメソッドで「idText」の要素を参照してselectメソッドを実行しています。

selectメソッドの補足

input要素のテキスト型でなく、textarea要素にも使用できます。