テキストエリアのテキストを選択するJavaScriptサンプル。
サンプル（実装例）
テキストエリア：
実装例の動作について
「選択」ボタンをクリックすると、「テキストエリア：」の右横のテキストエリアのテキストを選択する。
ソースコード
JavaScript
<script type="text/javascript">
function sampleSelect() {
document.getElementById( "sampleInput" ).select();
}
</script>
function sampleSelect() {
document.getElementById( "sampleInput" ).select();
}
</script>
HTML
<div id="sample">
テキストエリア：<textarea id="sampleInput">サンプル</textarea>
<button onclick="sampleSelect();">選択</button>
</div>
テキストエリア：<textarea id="sampleInput">サンプル</textarea>
<button onclick="sampleSelect();">選択</button>
</div>
CSS
<style>
#sampleInput {
vertical-align: text-top;
}
</style>
#sampleInput {
vertical-align: text-top;
}
</style>
解説
JavaScript
<script type="text/javascript">
function sampleSelect() {
// id属性値が「sampleInput」のテキストエリアのテキストを選択する。
document.getElementById( "sampleInput" ).select();
}
</script>
function sampleSelect() {
// id属性値が「sampleInput」のテキストエリアのテキストを選択する。
document.getElementById( "sampleInput" ).select();
}
</script>