[JavaScript] テキストボックスの初期値を取得する

投稿日：2016年11月1日更新日：2018年5月3日

テキストボックスなどの初期表示時に設定されていた値を取得するには、
defaultValueを使用します。

サンプルソース

例）初期値と現在値を取得する

//テキストボックス（id="txt1"）の初期値を取得する。
var initStr = document.getElementById("txt1").defalutValue;

//テキストボックス（id="txt1"）の現在値を取得する。
var nowStr = document.getElementById("txt1").value;

//テキストボックス（id="txt1"）の初期値を取得する。

var initStr = document.getElementById("txt1").defalutValue;

//テキストボックス（id="txt1"）の現在値を取得する。

var nowStr = document.getElementById("txt1").value;

実行サンプル

ボタンを押すと、テキストボックスの初期値と現在値を表示します。値を書き換えた後にボタンを押してください。

解説

ボタンを押したら初期値に戻したいといった機能を実装する時などに便利です。

執筆者：とら