テキスト入力欄のテキストを選択

テキスト入力欄のテキストを選択するJavaScriptサンプル。

サンプル(実装例)

入力欄:

実装例の動作について

「選択」ボタンをクリックすると、「入力欄:」の右横のテキスト入力欄のテキストを選択する。

ソースコード

JavaScript

<script type="text/javascript">
function sampleSelect() {
    document.getElementById( "sampleInput" ).select();
}
</script>

HTML

<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>

スポンサード リンク

カテゴリー: JavaScript, フォーム, 逆引き パーマリンク