inputやbutton以外のオブジェクトに於いて、初回は「$('要素名').val()」 で値が取得できない問題の解決法

初回イベント呼び出し時、DIV要素等では「.val()」でvalue値が取得できなかった。
「.val('hoge')」で書き込みを試みると、動作的には可であったが、consoleを見ると、要素のHTML部(value="hige")が変化していない。
(2度目以降のイベントでは「.val()」で取得できたので、書き込み自体はされているのであろう)

どうやら表に見える【value】と、裏で持っている『value』が違うようだ。
やはり、本来value因子を持つ inputやselectでしか思い通りには使えないのだろう。
このような場合、どうするべきか。

JavaScriptには明るくない私が、しばらくググって達した結論は

『attr()関数を使用する』

ということであった。

$('要素名').attr('value');
と書けば、要素のvalue値を取得可能。
それがdivであってもspanであっても。

$('要素名').attr('value','hogehoge');
と書けば、要素のvalue属性に書込みが可能。
HTMLもきちんと変わる。

2018/12/19 10:41:57更新
コメント(0)

おなまえ: