テキスト入力欄のテキストを選択するJavaScriptサンプル。
サンプル(実装例)
入力欄:
実装例の動作について
「選択」ボタンをクリックすると、「入力欄:」の右横のテキスト入力欄のテキストを選択する。
ソースコード
JavaScript
<script type="text/javascript">
function sampleSelect() {
document.getElementById( "sampleInput" ).select();
}
</script>
function sampleSelect() {
document.getElementById( "sampleInput" ).select();
}
</script>
HTML
<div>
入力欄:<input type="text" id="sampleInput" value="サンプル">
<button onclick="sampleSelect();">選択</button>
</div>
入力欄:<input type="text" id="sampleInput" value="サンプル">
<button onclick="sampleSelect();">選択</button>
</div>
解説
JavaScript
<script type="text/javascript">
function sampleSelect() {
// id属性値が「sampleInput」であるテキスト入力欄のテキストを選択
document.getElementById( "sampleInput" ).select();
}
</script>
function sampleSelect() {
// id属性値が「sampleInput」であるテキスト入力欄のテキストを選択
document.getElementById( "sampleInput" ).select();
}
</script>