数値の入力値を設定するJavaScriptがあります。ただし、機能しません。呼び出し後も入力の値フィールドは空のままです(ただし、要素のval()を出力するconsole.log()は正しい値を示します)。jQueryの.val(total)、. attr('value'、total)の3つの方法で値を設定しようとしましたが、古い.value =を使用しましたが、まだ何もありません。要素全体をhtmlに置き換え、値をvalue属性に連結しましたが、機能しません。
なぜこれがかからないのか、何か考えはありますか?
マークアップは次のとおりです。
<div id="proposal_price_box">
<div class="proposal_price_header sys_bkgcolor">
<span class="title"><h3>Price to Appear on Proposal</h3></span>
</div>
<div class="inner">
<span class="label">$</span>
<input type="number" class="amount-input" id="proposal_price" value=""/>
</div>
</div>
そして、関連するjavascript:
$('#proposal_price').val('1234');
以下の問題を示すJsfiddle。
どういうわけか、要素のコンテナが表示されている場合、それは値を設定します。しかし、再び隠されるとすぐに壊れます。
編集申し訳ありませんが、JSfiddleで問題を適切に示していませんでした。コンテナの内容を複製して別の場所に配置しようとしています。問題をわかりやすくするためにjsfiddleを更新しました。