【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を試してみると良いかも。