読者です 読者をやめる 読者になる 読者になる

【JavaScript】valueを変更しても表示に反映されない

例えばテキストボックス内の値をJavaScriptで入れてあげようと以下のようなコードを書く。

----------------

document.getElementById("ID名").value = ”2015/04/29”;

----------------

これで良いかと思ったら、再描画してもテキストボックス内の値が変わってくれない(もとの値に戻ってしまう)。

 

調査したところ以下のページを発見。

JavaScript初級者から中級者になろう 二章第十二回 フォームの操作
 
【引用】
----------------
また、valueプロパティは、そのvalue属性を取得できます。ただし、入力ボックスの場合は、初期値(最初から入力されている値)がvalue属性であり、入力ボックスの中身が変更された場合、変更後の値を取得します。変更前の値(value属性)を取得するには、defaultValueプロパティを使います。
----------------
 
現在の状況は「変更前の値が表示されてしまう」状態。記事によれば「変更前の値は"defaultValueプロパティ"で取得」とのこと。
→変更前の値(defaultValueプロパティ)を変えてしまえばいいのでは?
 
先程のコードを変更。

----------------

document.getElementById("ID名").defaultValue = ”2015/04/29”;

----------------

テキストボックス内の値が変更されることを確認。
 
valueで変わらなかったらdefaultValueを試してみると良いかも。