TextArea_javascript スキルでテキストを選択する JS メソッド

この記事の例では、JS を使用して TextArea 内のテキストを選択する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

<script type="text/javascript">
  function select_field(id){
    document.getElementById(id).focus();
    document.getElementById(id).select();
  }
  function init(){
    select_field('text1');
  }
  onload=init;
</script>
<form>
This field gets selected onload:<br/>
<input type="text" name="text1" id="text1" value="some text" />
<br/>
<textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long
content in here.
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
</textarea>
<br/>
<input type="button" value="Select text" onclick="select_field('textarea1')">
</form>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。